From 1266efdd223a852f3221b514577bad08896d4925 Mon Sep 17 00:00:00 2001
From: kahnix <kacperdev@gmail.com>
Date: Thu, 12 Dec 2024 17:26:32 +0100
Subject: [PATCH] feat(styling): added pentagon, updated chain icon to use
 local icons

---
 chains/mainnet/chain.json               | 6 +++---
 src/assets/pentagon.svg                 | 9 +++++++++
 src/layouts/components/ChainProfile.vue | 9 ++++++---
 src/pages/index.vue                     | 2 +-
 src/stores/useDashboard.ts              | 2 +-
 5 files changed, 20 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/pentagon.svg

diff --git a/chains/mainnet/chain.json b/chains/mainnet/chain.json
index e514e063b0..806e992f46 100644
--- a/chains/mainnet/chain.json
+++ b/chains/mainnet/chain.json
@@ -33,7 +33,7 @@
     "coin_type": "118",
     "min_tx_fee": "800",
     "addr_prefix": "cosmos",
-    "logo": "/logos/cosmos.svg",
+    "logo": "/logo.svg",
     "theme_color": "#6e6e6e",
     "assets": [
         {
@@ -41,7 +41,7 @@
             "symbol": "ATOM",
             "exponent": "6",
             "coingecko_id": "cosmos",
-            "logo": "/logos/cosmos.svg"
+            "logo": "/logo.svg"
         }
     ]
-}
+}
\ No newline at end of file
diff --git a/src/assets/pentagon.svg b/src/assets/pentagon.svg
new file mode 100644
index 0000000000..80ab274c88
--- /dev/null
+++ b/src/assets/pentagon.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="42" viewBox="0 0 40 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.1768 2.4641C17.8896 0.320508 22.4639 0.320508 26.1768 2.4641L33.2293 6.5359C36.9421 8.67949 39.2293 12.641 39.2293 16.9282V25.0718C39.2293 29.359 36.9421 33.3205 33.2293 35.4641L26.1768 39.5359C22.4639 41.6795 17.8896 41.6795 14.1768 39.5359L7.1242 35.4641C3.41139 33.3205 1.1242 29.359 1.1242 25.0718V16.9282C1.1242 12.641 3.41139 8.67949 7.1242 6.5359L14.1768 2.4641Z" stroke="url(#paint0_linear_2_128)"/>
+<defs>
+<linearGradient id="paint0_linear_2_128" x1="20.1768" y1="-1" x2="20.1768" y2="43" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FA7327"/>
+<stop offset="1" stop-color="#9CD3B8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/layouts/components/ChainProfile.vue b/src/layouts/components/ChainProfile.vue
index 565fccb40c..bb58ddca26 100644
--- a/src/layouts/components/ChainProfile.vue
+++ b/src/layouts/components/ChainProfile.vue
@@ -15,7 +15,10 @@ function changeEndpoint(item: Endpoint) {
   <div class="dropdown">
     <label tabindex="0" class="flex items-center">
       <div class="p-1 relative mr-3 cursor-pointer">
-        <img v-lazy="chainStore.logo" class="w-9 h-9 rounded-full" />
+        <div class="relative">
+          <img src='../../assets/pentagon.svg' class="w-9 scale-[1.3] absolute h-9 rounded-full" />
+          <img v-lazy="chainStore.logo" class="w-9 h-9 rounded-full" />
+        </div>
         <div class="w-2 h-2 rounded-full absolute right-0 bottom-0 shadow" :class="{
           'bg-success': baseStore.connected,
           'bg-error': !baseStore.connected
@@ -38,13 +41,13 @@ function changeEndpoint(item: Endpoint) {
         </div>
       </div>
     </label>
-    <div tabindex="0" class="dropdown-content -left-6 w-80 menu shadow bg-vector-bg rounded-box overflow-auto">
+    <div tabindex="0" class="dropdown-content -left-6 w-80 menu shadow bg-[#212121]  rounded-box overflow-auto">
       <!-- rest -->
       <div class="px-4 py-2 text-sm text-gray-200" v-if="chainStore.current?.endpoints?.rest">
         Rest Endpoint
       </div>
       <div v-for="(item, index) in chainStore.current?.endpoints?.rest"
-        class="px-4 py-2 w-full hover:bg-gray-100 dark:hover:bg-[#212121] cursor-pointer" :key="index"
+        class="px-4 py-2 w-full hover:bg-gray-100 dark:hover:bg-[#121212a4] cursor-pointer" :key="index"
         @click="changeEndpoint(item)">
         <div class="flex flex-col">
           <div class="flex items-center justify-between w-full">
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 62d6c2ceb6..4a8671cce6 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -61,7 +61,7 @@ function handleKeyPress(event: KeyboardEvent) {
       </h1>
       <div class="w-full max-w-[600px]">
         <div class="flex w-full max-w-[600px]">
-          <input class="input flex-1 w-full !input-bordered !rounded-r-none" @keypress="handleKeyPress"
+          <input class="input text-center flex-1 w-full !input-bordered !rounded-r-none" @keypress="handleKeyPress"
             v-model="searchQuery" autofocus placeholder="Search for Height/Transaction/Account Address" />
           <div class="">
             <button class=" btn !rounded-l-none btn-primary" @click="confirm">
diff --git a/src/stores/useDashboard.ts b/src/stores/useDashboard.ts
index 8354c17b4f..ba8902562f 100644
--- a/src/stores/useDashboard.ts
+++ b/src/stores/useDashboard.ts
@@ -185,7 +185,7 @@ export function fromLocal(lc: LocalConfig): ChainConfig {
     }
   }
   conf.features = lc.features
-  conf.logo = lc.logo.startsWith('http') ? lc.logo : `https://ping.pub${lc.logo}`;
+  conf.logo = lc.logo;
   conf.keplrFeatures = lc.keplr_features;
   conf.keplrPriceStep = lc.keplr_price_step;
   conf.themeColor = lc.theme_color;