From 8ea673dade60ac4752d09aa55284a885ae87355f Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 2 Nov 2023 12:41:42 +0100
Subject: [PATCH] fix(ui): integraitons zustand icon

---
 frontend/app/assets/integrations/zustand.svg  | 26 +++++++++++++++++++
 .../Client/Integrations/Integrations.tsx      |  4 +--
 2 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 frontend/app/assets/integrations/zustand.svg

diff --git a/frontend/app/assets/integrations/zustand.svg b/frontend/app/assets/integrations/zustand.svg
new file mode 100644
index 000000000..7c252628a
--- /dev/null
+++ b/frontend/app/assets/integrations/zustand.svg
@@ -0,0 +1,26 @@
+<svg viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_71_31)">
+<rect  fill="white"/>
+<path d="M14.4402 10.4526L10.5513 7.34155L5.78735 7.92488L4.03735 10.6471L4.32902 14.536L6.56511 17.9388C6.56511 17.9388 7.63454 18.6194 8.12069 18.911L6.66235 23.3833L6.46793 27.0777L7.34293 30.286L8.99569 32.4249L12.204 34.661C12.204 34.661 21.3429 39.911 30.0929 34.7583L33.4957 31.9388L35.3429 28.4388L35.7318 25.7166L34.9541 20.5638L33.9818 19.1055L35.6346 17.8416L37.0929 15.0222L38.0652 11.9111L37.0929 8.99442L34.5652 7.24442L32.1346 7.14718L28.6346 9.38327L27.8568 10.2583L22.9957 9.28603H18.2318L14.4402 10.4526Z" fill="#966242"/>
+<path d="M17.2597 22.0221L16.093 24.9387L15.6069 28.8276L16.7736 30.6749L16.968 33.2026L18.6208 34.4665L23.6764 34.2721L25.0375 33.6888L25.1347 30.6749L26.3014 28.8276L25.6208 24.9387L24.1625 21.7304C24.1625 21.7304 20.0791 18.911 17.2597 22.0221Z" fill="#C49858"/>
+<path d="M17.9402 27.8554C17.9402 27.8554 20.4679 25.1332 23.6763 27.661L22.6069 29.3137L19.1069 29.2165L17.9402 27.8554Z" fill="#3F3F3F"/>
+<path d="M27.8569 10.7443C27.8569 10.7443 35.343 8.41097 36.7042 15.411L37.8708 13.0776L37.7736 9.8693L35.7319 7.63321L32.5236 6.85545L29.3153 8.99436L27.8569 10.7443Z" fill="#C49858"/>
+<path d="M14.1484 10.7443C14.1484 10.7443 6.66234 8.41097 5.30119 15.411L4.13452 13.0776L4.23176 9.8693L6.27343 7.63321L9.48176 6.85545L12.6901 8.99436L14.1484 10.7443Z" fill="#C49858"/>
+<path d="M16.7033 22.7494C17.3476 22.7494 17.87 22.2271 17.87 21.5828C17.87 20.9384 17.3476 20.4161 16.7033 20.4161C16.059 20.4161 15.5366 20.9384 15.5366 21.5828C15.5366 22.2271 16.059 22.7494 16.7033 22.7494Z" fill="black"/>
+<path d="M15.172 11.6054C15.172 11.6054 10.6876 4.82411 6.45844 7.6314C2.6078 10.1875 4.17685 15.7738 6.81019 17.4985" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.2917 34.1731C2.99478 30.4908 7.71214 20.1653 7.71214 20.1653C7.71214 20.1653 9.83839 14.7061 13.1614 13.3936" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.8073 34.1731C39.1041 30.4908 34.3868 20.1653 34.3868 20.1653C34.3868 20.1653 32.2605 14.7061 28.9375 13.3936" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.297 22.7494C25.9414 22.7494 26.4637 22.2271 26.4637 21.5828C26.4637 20.9384 25.9414 20.4161 25.297 20.4161C24.6527 20.4161 24.1304 20.9384 24.1304 21.5828C24.1304 22.2271 24.6527 22.7494 25.297 22.7494Z" fill="black"/>
+<path d="M25.3722 25.2766L26.2826 28.0789C26.4107 28.5553 26.3323 29.0598 26.0682 29.4766C25.3569 30.5989 23.7032 32.4624 21.25 30.7824H20.75C18.2968 32.4623 16.6432 30.5989 15.9318 29.4766C15.6677 29.0599 15.5894 28.5553 15.7175 28.0789L16.6279 25.2766" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.4337 27.9558C23.3745 29.7105 21.7973 28.9219 21.7973 28.9219L21 28.5272L20.2028 28.9219C20.2028 28.9219 18.6255 29.7105 18.5664 27.9558" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.8284 11.6054C26.8284 11.6054 31.3127 4.82411 35.5419 7.6314C39.3926 10.1875 37.8235 15.7738 35.1902 17.4985" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.4688 33.3362C17.4688 33.3362 20.4948 37.187 24.5313 33.6643" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.3882 10.4715C14.3882 10.4715 19.4689 7.59547 27.4116 10.4715" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 30.7824V28.9219" stroke="black" stroke-width="1.16667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_71_31">
+<rect width="42" height="42" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/frontend/app/components/Client/Integrations/Integrations.tsx b/frontend/app/components/Client/Integrations/Integrations.tsx
index 67dcba20c..3a718a2a2 100644
--- a/frontend/app/components/Client/Integrations/Integrations.tsx
+++ b/frontend/app/components/Client/Integrations/Integrations.tsx
@@ -358,8 +358,8 @@ const integrations = [
       {
         title: 'Zustand',
         subtitle: 'Capture Zustand mutations/state and inspect them later on while replaying session recordings.',
-        icon: '',
-        header: '🐻',
+        icon: 'integrations/zustand',
+        // header: '🐻',
         component: <ZustandDoc />
       }
     ]