From e00f75fc9601b1e6a6db90fe038197810af51875 Mon Sep 17 00:00:00 2001
From: Daniele Tortora <danieletortora.contact@gmail.com>
Date: Sun, 15 Dec 2024 09:42:59 +0100
Subject: [PATCH] fix: img carousel and add snyk svg

---
 assets/svg/snyk.svg                           | 20 +++++++++++
 .../views/home-page/company-carousel.vue      |  3 +-
 utils/carousel.ts                             | 33 +++++++++----------
 3 files changed, 38 insertions(+), 18 deletions(-)
 create mode 100644 assets/svg/snyk.svg

diff --git a/assets/svg/snyk.svg b/assets/svg/snyk.svg
new file mode 100644
index 0000000..853dbdf
--- /dev/null
+++ b/assets/svg/snyk.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 101 52">
+  <g fill="currentColor" clip-path="url(#a)">
+    <g clip-path="url(#b)">
+      <path d="M32.03 11.62a41.24 41.24 0 0 0-1.34-.353 7.41 7.41 0 0 1 .244 1.707v.41l-1.95 5.288c.989 9.155.505 10.404.347 10.814-.251.651-.924 1.707-2.051 3.244l1.107 10.308 4.03-2.909a1.278 1.278 0 0 0 .532-1.041V12.849a1.292 1.292 0 0 0-.257-.768 1.278 1.278 0 0 0-.662-.461Z"/>
+      <path d="M32.949 39.09a1.29 1.29 0 0 1-.532 1.042l-4.03 2.909-1.107-10.308c1.13-1.531 1.8-2.593 2.051-3.244.159-.41.642-1.66-.347-10.815l1.95-5.287v-.41a7.41 7.41 0 0 0-.244-1.707c.467.113.913.233 1.34.352a1.292 1.292 0 0 1 .919 1.232V39.09ZM13.28 12.16a11.705 11.705 0 0 1 6.612 0l.252-.415.283-1.927c-.964-.045-2.626-.114-3.81-.114a71.28 71.28 0 0 0-3.854.106l.282 1.935.235.415Z"/>
+      <path d="M16.609 9.707c1.184 0 2.845.068 3.809.114l-.283 1.927-.251.415a11.704 11.704 0 0 0-6.613 0l-.251-.412-.283-1.936a70.236 70.236 0 0 1 3.872-.108Zm-12.42 8.967L2.245 13.39v-.413a7.5 7.5 0 0 1 .24-1.707c-.464.113-.913.233-1.337.352-.265.078-.497.24-.663.462a1.29 1.29 0 0 0-.255.77V39.09a1.288 1.288 0 0 0 .531 1.042l4.047 2.928 1.11-10.296c-1.13-1.548-1.817-2.618-2.071-3.275-.164-.413-.647-1.662.342-10.815Z"/>
+      <path d="M4.808 43.06.755 40.135a1.278 1.278 0 0 1-.53-1.042V12.855a1.274 1.274 0 0 1 .918-1.232c.423-.12.873-.24 1.336-.354a7.5 7.5 0 0 0-.24 1.708v.413l1.95 5.284c-.99 9.153-.506 10.402-.348 10.815.255.657.933 1.727 2.072 3.275L4.808 43.06Z"/>
+      <path d="M27.77 28.88c.317-.817.136-4.679-.485-10.334v-.085l1.978-5.376v-.108c0-2.345-3.016-8.62-4.804-11.952L23.995.17a.283.283 0 0 0-.298-.145.282.282 0 0 0-.23.239l-1.724 12.06-1.105 1.83-.283-.094a12.638 12.638 0 0 0-3.79-.694c-1.286.03-2.56.265-3.775.694l-.282.094-1.088-1.83L9.702.242a.285.285 0 0 0-.232-.244.28.28 0 0 0-.3.15l-.46.854C6.927 4.34 3.906 10.615 3.906 12.954v.108l1.978 5.376v.086c-.622 5.654-.803 9.516-.486 10.333.282.731 1.413 2.3 2.351 3.549l-1.36 12.65 1.354.976 1.015.731 6.675 4.835a1.968 1.968 0 0 0 2.303 0l8.246-5.942.822-.595-1.36-12.661c.936-1.244 2.047-2.792 2.327-3.52ZM24.446 7.82l.214-1.508a.231.231 0 0 1 .19-.19.228.228 0 0 1 .24.122c1.094 2.296 2.148 4.812 2.26 5.962a.238.238 0 0 1-.014.1l-.528 1.422a.227.227 0 0 1-.311.127.226.226 0 0 1-.093-.084c-1.314-2.083-1.828-5.048-1.953-5.894a.255.255 0 0 1-.005-.06v.003ZM19.2 22.645c.604-.604 1.695-1.443 3.066-1.443 1.825 0 .774 1.405.418 1.827a.283.283 0 0 1-.215.1h-3.072a.282.282 0 0 1-.257-.177.287.287 0 0 1 .06-.308Zm1.57 2.612a.704.704 0 0 0 .566.438.706.706 0 0 0 .791-.552.43.43 0 0 1-.42-.373.433.433 0 0 1 .124-.367l-.02-.017h1.235v.063a1.624 1.624 0 0 1-.456 1.18 1.603 1.603 0 0 1-1.16.485 1.592 1.592 0 0 1-1.151-.506 1.615 1.615 0 0 1-.435-1.188v-.034h1.218a.713.713 0 0 0-.297.87h.006Zm-9.853-4.055c1.376 0 2.461.84 3.066 1.442a.286.286 0 0 1-.204.484h-3.057a.281.281 0 0 1-.215-.1c-.37-.42-1.421-1.826.404-1.826h.006Zm.565 3.568a.435.435 0 0 1-.421.362.703.703 0 0 0 1.11.44.721.721 0 0 0-.05-1.177h1.184a.037.037 0 0 1 .034.034 1.625 1.625 0 0 1-.435 1.187 1.603 1.603 0 0 1-1.152.507 1.591 1.591 0 0 1-1.16-.486 1.616 1.616 0 0 1-.455-1.18v-.062h1.235l-.02.017a.432.432 0 0 1 .13.358ZM6.814 13.777a.23.23 0 0 1-.217.105.229.229 0 0 1-.19-.148l-.526-1.423a.2.2 0 0 1-.014-.1c.107-1.138 1.161-3.665 2.26-5.961a.227.227 0 0 1 .24-.125.225.225 0 0 1 .187.193l.215 1.508a.255.255 0 0 1 0 .066c-.13.836-.644 3.802-1.955 5.885Zm3.993 25.499c-.899-2.48-.91-5.948-.91-6.096v-.236l-.147-.185a61.69 61.69 0 0 1-1.32-1.708.286.286 0 0 1 .144-.447l2.422-.711a.282.282 0 0 0 .133-.086l2.311-2.655a.282.282 0 0 1 .495.174l.404 7.61a.286.286 0 0 1-.05.173c-.162.24-.623.962-.623 1.406 0 .57.834 1.315 1.656 1.91a.737.737 0 0 1 .032-.072c.282-.517.664-.611.847-.213.063.294.085.596.065.896h.015v.7c0 .044-.01.087-.029.126-.15.304-.876 1.608-2.422 1.608-.675.02-2.297-.197-3.023-2.194Zm6.89 2.888a.112.112 0 0 1 .107.075.115.115 0 0 1-.034.127 1.938 1.938 0 0 1-2.368 0 .114.114 0 0 1 .07-.202h2.224Zm2.065.834a3.624 3.624 0 0 1-1.327 1.398 3.59 3.59 0 0 1-3.702 0 3.624 3.624 0 0 1-1.327-1.398.286.286 0 0 1 .12-.39.282.282 0 0 1 .146-.031h.17c.178.001.357-.019.531-.06a.28.28 0 0 1 .297.11 2.353 2.353 0 0 0 1.918 1.002 2.335 2.335 0 0 0 1.92-1.001.283.283 0 0 1 .296-.111c.185.045.375.067.565.065h.133a.281.281 0 0 1 .294.272c.003.05-.008.1-.031.144h-.003Zm5.016-11.935c-.47.62-.933 1.215-1.32 1.707l-.147.185v.236c0 .148 0 3.617-.91 6.096-.723 1.992-2.348 2.214-3.012 2.214-1.546 0-2.26-1.303-2.419-1.608a.285.285 0 0 1-.031-.125v-.7h.014c-.02-.3.002-.602.065-.897.172-.398.548-.304.848.214 0 .023.02.048.03.071.823-.595 1.657-1.34 1.657-1.91 0-.444-.464-1.166-.625-1.405a.286.286 0 0 1-.048-.174l.402-7.61a.286.286 0 0 1 .189-.254.28.28 0 0 1 .305.08l2.312 2.656c.036.04.083.07.135.085l2.42.712a.282.282 0 0 1 .17.18.287.287 0 0 1-.035.247Z"/>
+    </g>
+    <path d="M90.444 27.882h-.389v6.727h-4.83V17.86l4.83-7.55v15.626c.962-1.178 4.2-5.651 4.2-5.651h5.964l-5.654 5.983 5.849 8.351h-6.1l-3.87-6.738Zm-13.46-1.098 1.98-6.452h4.785l-5.609 14.23c-1.671 4.28-4.063 7.174-7.634 7.174-1.374 0-2.53-.355-3.136-.698l1.922-2.974c.287.034.584.045.882.045 1.648 0 2.884-1.601 3.685-3.5l-5.883-14.277h5.414l2.117 6.372c.413 1.212.71 3.523.71 3.523s.378-2.23.767-3.443Zm-14.593-.332c0-1.865-.825-2.746-2.393-2.746-.767 0-1.568.218-2.117.55v10.353h-4.83v-14.14l4.727-.389-.115 2.31h.16a6.001 6.001 0 0 1 4.808-2.413c2.472 0 4.613 1.533 4.613 5.16v9.472H62.39v-8.157Zm-23.167 7.425.435-3.295c1.51.743 3.216 1.098 4.647 1.098 1.042 0 1.728-.355 1.728-.984 0-1.807-6.512-1.373-6.512-6.097 0-3.02 2.77-4.61 6.238-4.61 1.728 0 3.514.468 4.67.88l-.47 3.238c-1.213-.47-2.861-.904-4.235-.904-.847 0-1.533.297-1.533.847 0 1.784 6.65 1.43 6.65 6.04 0 3.066-2.724 4.828-6.456 4.828-2.06 0-3.731-.355-5.162-1.041Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h100.414v52H0z"/>
+    </clipPath>
+    <clipPath id="b">
+      <path fill="#fff" d="M0 0h32.724v51.974H0z" transform="translate(.224)"/>
+    </clipPath>
+  </defs>
+</svg>
diff --git a/components/views/home-page/company-carousel.vue b/components/views/home-page/company-carousel.vue
index d71d298..d95bba2 100644
--- a/components/views/home-page/company-carousel.vue
+++ b/components/views/home-page/company-carousel.vue
@@ -20,7 +20,8 @@
       >
         <component
           :is="carouselItem.component"
-          :class="carouselItem.className"
+          :font-controlled="false"
+          :width="176"
         />
       </li>
     </TransitionGroup>
diff --git a/utils/carousel.ts b/utils/carousel.ts
index 371d44e..8d11446 100644
--- a/utils/carousel.ts
+++ b/utils/carousel.ts
@@ -12,44 +12,43 @@ import OvoLogo from "~/assets/svg/ovo.svg";
 import TrayLogo from "~/assets/svg/tray.svg";
 import HackneyLogo from "~/assets/svg/hackney.svg";
 import Frontiers from "~/assets/svg/frontiers.svg";
+import Snyk from "~/assets/svg/snyk.svg";
 
 export const useCarousel = () => {
   type CarouselItem = {
     id: string;
     component: any;
-    className: string;
   };
 
   const carousel = reactive<CarouselItem[]>([
     {
-      id: "Tundra",
-      className: "text-primary w-[11rem]",
-      component: markRaw(TundraLogo as unknown as DefineComponent),
+      id: "Hackney",
+      component: markRaw(HackneyLogo as unknown as DefineComponent),
     },
     {
-      id: "Meta",
-      className: "text-primary w-[11rem]",
-      component: markRaw(MetaLogo as unknown as DefineComponent),
+      id: "Ovo",
+      component: markRaw(OvoLogo as unknown as DefineComponent),
     },
     {
       id: "Frontiers",
-      className: "text-primary w-[11rem]",
       component: markRaw(Frontiers as unknown as DefineComponent),
     },
     {
-      id: "Ovo",
-      className: "text-primary w-[11rem]",
-      component: markRaw(OvoLogo as unknown as DefineComponent),
+      id: "Snyk",
+      component: markRaw(Snyk as unknown as DefineComponent),
     },
     {
-      id: "Tray",
-      className: "text-primary w-[11rem]",
-      component: markRaw(TrayLogo as unknown as DefineComponent),
+      id: "Meta",
+      component: markRaw(MetaLogo as unknown as DefineComponent),
     },
     {
-      id: "Hackney",
-      className: "text-primary w-[11rem]",
-      component: markRaw(HackneyLogo as unknown as DefineComponent),
+      id: "Tundra",
+      component: markRaw(TundraLogo as unknown as DefineComponent),
+    },
+
+    {
+      id: "Tray",
+      component: markRaw(TrayLogo as unknown as DefineComponent),
     },
   ]);