From 3c658566d0713dfb82a0dec857d608195d8297a8 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Tue, 14 Jan 2025 18:39:08 +0000
Subject: [PATCH] chore: update Story Odyssey icons with new SVG files, setting
 width to auto and height to 100%

Co-Authored-By: jaden@unevenlabs.com <jaden@unevenlabs.com>
---
 .changeset/hot-pens-camp.md                   |  5 ++++
 .../src/img/chains/StoryOdysseyIconColor.tsx  | 23 ++++++++-----------
 .../src/img/chains/StoryOdysseyIconDark.tsx   | 23 ++++++++-----------
 .../src/img/chains/StoryOdysseyIconLight.tsx  | 23 ++++++++-----------
 4 files changed, 35 insertions(+), 39 deletions(-)
 create mode 100644 .changeset/hot-pens-camp.md

diff --git a/.changeset/hot-pens-camp.md b/.changeset/hot-pens-camp.md
new file mode 100644
index 000000000..1f43dba64
--- /dev/null
+++ b/.changeset/hot-pens-camp.md
@@ -0,0 +1,5 @@
+---
+'@reservoir0x/reservoir-kit-ui': patch
+---
+
+Update Story Odyssey icons with new SVG files, setting width to auto and height to 100%. Replaced placeholder text-based icons with proper SVG implementations.
diff --git a/packages/ui/src/img/chains/StoryOdysseyIconColor.tsx b/packages/ui/src/img/chains/StoryOdysseyIconColor.tsx
index f40a7c733..5310e6f3b 100644
--- a/packages/ui/src/img/chains/StoryOdysseyIconColor.tsx
+++ b/packages/ui/src/img/chains/StoryOdysseyIconColor.tsx
@@ -4,22 +4,19 @@ const StoryOdysseyIconColor = () => (
   <svg
     width="auto"
     height="100%"
-    viewBox="0 0 60 60"
+    viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <circle cx="30" cy="30" r="30" fill="#4F46E5"/>
-    <text
-      x="30"
-      y="30"
-      textAnchor="middle"
-      dominantBaseline="middle"
-      fill="white"
-      fontSize="24"
-      fontFamily="Arial"
-    >
-      SO
-    </text>
+    <g clip-path="url(#clip0_5533_18190)">
+      <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="black"/>
+      <path d="M17.6205 14.4549C17.6205 17.572 15.1172 19.4455 12.0324 19.4455C8.94757 19.4455 6.79952 17.6043 6.39575 15.2463H9.23828C9.54515 16.1346 10.5626 16.7806 12.0324 16.7806C13.5021 16.7806 14.8264 15.957 14.8264 14.5034C14.8264 13.0498 13.6797 12.2907 12.0162 12.2907V14.3419C8.88297 14.3419 6.47651 12.5653 6.47651 9.57741C6.47651 6.58952 8.78606 4.57068 12.0324 4.57068C15.2787 4.57068 17.2329 6.41186 17.4429 8.65682H14.6972C14.4711 7.84928 13.5828 7.23555 12.097 7.23555C10.6111 7.23555 9.28673 8.07539 9.28673 9.49665C9.28673 10.9179 10.4334 11.6124 12.0162 11.6124V9.4482C15.424 9.4482 17.6205 11.4993 17.6205 14.4388V14.4549Z" fill="white"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_5533_18190">
+        <rect width="24" height="24" rx="4" fill="white"/>
+      </clipPath>
+    </defs>
   </svg>
 )
 
diff --git a/packages/ui/src/img/chains/StoryOdysseyIconDark.tsx b/packages/ui/src/img/chains/StoryOdysseyIconDark.tsx
index df5db7af5..684afaa5f 100644
--- a/packages/ui/src/img/chains/StoryOdysseyIconDark.tsx
+++ b/packages/ui/src/img/chains/StoryOdysseyIconDark.tsx
@@ -4,22 +4,19 @@ const StoryOdysseyIconDark = () => (
   <svg
     width="auto"
     height="100%"
-    viewBox="0 0 60 60"
+    viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <circle cx="30" cy="30" r="30" fill="#11181C"/>
-    <text
-      x="30"
-      y="30"
-      textAnchor="middle"
-      dominantBaseline="middle"
-      fill="white"
-      fontSize="24"
-      fontFamily="Arial"
-    >
-      SO
-    </text>
+    <g clip-path="url(#clip0_5533_18202)">
+      <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#ECEDEE"/>
+      <path d="M17.6205 14.4549C17.6205 17.572 15.1172 19.4455 12.0324 19.4455C8.94757 19.4455 6.79952 17.6043 6.39575 15.2463H9.23828C9.54515 16.1346 10.5626 16.7806 12.0324 16.7806C13.5021 16.7806 14.8264 15.957 14.8264 14.5034C14.8264 13.0498 13.6797 12.2907 12.0162 12.2907V14.3419C8.88297 14.3419 6.47651 12.5653 6.47651 9.57741C6.47651 6.58952 8.78606 4.57068 12.0324 4.57068C15.2787 4.57068 17.2329 6.41186 17.4429 8.65682H14.6972C14.4711 7.84928 13.5828 7.23555 12.097 7.23555C10.6111 7.23555 9.28673 8.07539 9.28673 9.49665C9.28673 10.9179 10.4334 11.6124 12.0162 11.6124V9.4482C15.424 9.4482 17.6205 11.4993 17.6205 14.4388V14.4549Z" fill="black"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_5533_18202">
+        <rect width="24" height="24" rx="4" fill="white"/>
+      </clipPath>
+    </defs>
   </svg>
 )
 
diff --git a/packages/ui/src/img/chains/StoryOdysseyIconLight.tsx b/packages/ui/src/img/chains/StoryOdysseyIconLight.tsx
index cd9c529be..aac8b9cfd 100644
--- a/packages/ui/src/img/chains/StoryOdysseyIconLight.tsx
+++ b/packages/ui/src/img/chains/StoryOdysseyIconLight.tsx
@@ -4,22 +4,19 @@ const StoryOdysseyIconLight = () => (
   <svg
     width="auto"
     height="100%"
-    viewBox="0 0 60 60"
+    viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <circle cx="30" cy="30" r="30" fill="#ECEDEE"/>
-    <text
-      x="30"
-      y="30"
-      textAnchor="middle"
-      dominantBaseline="middle"
-      fill="#11181C"
-      fontSize="24"
-      fontFamily="Arial"
-    >
-      SO
-    </text>
+    <g clip-path="url(#clip0_5533_18196)">
+      <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#11181C"/>
+      <path d="M17.6205 14.4549C17.6205 17.572 15.1172 19.4455 12.0324 19.4455C8.94757 19.4455 6.79952 17.6043 6.39575 15.2463H9.23828C9.54515 16.1346 10.5626 16.7806 12.0324 16.7806C13.5021 16.7806 14.8264 15.957 14.8264 14.5034C14.8264 13.0498 13.6797 12.2907 12.0162 12.2907V14.3419C8.88297 14.3419 6.47651 12.5653 6.47651 9.57741C6.47651 6.58952 8.78606 4.57068 12.0324 4.57068C15.2787 4.57068 17.2329 6.41186 17.4429 8.65682H14.6972C14.4711 7.84928 13.5828 7.23555 12.097 7.23555C10.6111 7.23555 9.28673 8.07539 9.28673 9.49665C9.28673 10.9179 10.4334 11.6124 12.0162 11.6124V9.4482C15.424 9.4482 17.6205 11.4993 17.6205 14.4388V14.4549Z" fill="#FBFCFD"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_5533_18196">
+        <rect width="24" height="24" rx="4" fill="white"/>
+      </clipPath>
+    </defs>
   </svg>
 )