From 0bc23cc04014168211a1334326d046b003916050 Mon Sep 17 00:00:00 2001
From: Pietro <74987028+pietro-maximoff@users.noreply.github.com>
Date: Thu, 17 Oct 2024 14:04:47 +0200
Subject: [PATCH] SOV-4445: Runes page Updates (#1028)

* chore: update rune symbols

* Create neat-humans-develop.md

* chore: update styles for dog
---
 .changeset/neat-humans-develop.md                          | 6 ++++++
 .../src/app/5_pages/RunesPage/RunesPage.constants.ts       | 6 ++----
 apps/frontend/src/app/5_pages/RunesPage/RunesPage.tsx      | 2 +-
 .../frontend/src/app/5_pages/RunesPage/RunesPage.utils.tsx | 6 +++++-
 packages/contracts/src/contracts/assets/bobTestnet.ts      | 7 +++++++
 5 files changed, 21 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/neat-humans-develop.md

diff --git a/.changeset/neat-humans-develop.md b/.changeset/neat-humans-develop.md
new file mode 100644
index 000000000..c4ec383fb
--- /dev/null
+++ b/.changeset/neat-humans-develop.md
@@ -0,0 +1,6 @@
+---
+"frontend": patch
+"@sovryn/contracts": patch
+---
+
+chore: update rune symbols
diff --git a/apps/frontend/src/app/5_pages/RunesPage/RunesPage.constants.ts b/apps/frontend/src/app/5_pages/RunesPage/RunesPage.constants.ts
index 6bba6e614..c79b5d424 100644
--- a/apps/frontend/src/app/5_pages/RunesPage/RunesPage.constants.ts
+++ b/apps/frontend/src/app/5_pages/RunesPage/RunesPage.constants.ts
@@ -4,7 +4,6 @@ import { translations } from '../../../locales/i18n';
 import { RUNES_USE_CASE_ACTIONS, AvailableRunes } from './RunesPage.types';
 import convertIcon from './assets/convert.svg';
 import earnIcon from './assets/earn.svg';
-import iconDog from './assets/iconDog.svg';
 import iconPups from './assets/iconPups.svg';
 import runesBenefitsIcon1 from './assets/l1.svg';
 import runesBenefitsIcon2 from './assets/l2.svg';
@@ -16,11 +15,10 @@ export const AVAILABLE_RUNES: AvailableRunes = {
     symbol: 'POWA',
   },
   DOG: {
-    symbol: 'DOG',
-    icon: iconDog,
+    symbol: 'DOGGOTOTHEMOON',
   },
   PUPS: {
-    symbol: 'PUPS',
+    symbol: 'PUPSWORLDPEACE',
     icon: iconPups,
   },
 };
diff --git a/apps/frontend/src/app/5_pages/RunesPage/RunesPage.tsx b/apps/frontend/src/app/5_pages/RunesPage/RunesPage.tsx
index 48f3a5919..d21152194 100644
--- a/apps/frontend/src/app/5_pages/RunesPage/RunesPage.tsx
+++ b/apps/frontend/src/app/5_pages/RunesPage/RunesPage.tsx
@@ -70,7 +70,7 @@ export const RunesPage: FC = () => {
                 className="text-gray-30 text-center font-medium text-base"
                 children={t(pageTranslations.availableRunes)}
               />
-              <div className="flex justify-center gap-3 my-6 flex-wrap px-6">
+              <div className="flex justify-center gap-3 my-6 flex-wrap">
                 {renderAvailableRunes()}
               </div>
 
diff --git a/apps/frontend/src/app/5_pages/RunesPage/RunesPage.utils.tsx b/apps/frontend/src/app/5_pages/RunesPage/RunesPage.utils.tsx
index b6c1c5a27..a44d9cb4a 100644
--- a/apps/frontend/src/app/5_pages/RunesPage/RunesPage.utils.tsx
+++ b/apps/frontend/src/app/5_pages/RunesPage/RunesPage.utils.tsx
@@ -4,6 +4,8 @@ import { t } from 'i18next';
 
 import { Button, ButtonSize, ButtonStyle, Paragraph } from '@sovryn/ui';
 
+import { BOB_CHAIN_ID } from '../../../config/chains';
+
 import { AssetRenderer } from '../../2_molecules/AssetRenderer/AssetRenderer';
 import { translations } from '../../../locales/i18n';
 import {
@@ -29,11 +31,13 @@ export const renderAvailableRunes = () =>
             asset={symbol}
             showAssetLogo
             assetClassName="font-semibold text-gray-30"
+            logoClassName="rounded-full w-5 h-5 mr-2"
+            chainId={BOB_CHAIN_ID}
           />
         )}
       </div>
       {symbol === AVAILABLE_RUNES.PUPS.symbol && (
-        <div className="text-xs text-gray-30">
+        <div className="text-xs text-gray-30 text-center">
           {t(pageTranslations.availableSoon)}
         </div>
       )}
diff --git a/packages/contracts/src/contracts/assets/bobTestnet.ts b/packages/contracts/src/contracts/assets/bobTestnet.ts
index 255565723..6ea49e4bd 100644
--- a/packages/contracts/src/contracts/assets/bobTestnet.ts
+++ b/packages/contracts/src/contracts/assets/bobTestnet.ts
@@ -75,6 +75,13 @@ export const bobTestnet: Array<AssetDetails> = [
     decimals: 18,
     getIcon: async () => (await import('./icons/bob/powa')).default,
   },
+  {
+    symbol: 'DOGGOTOTHEMOON',
+    address: '', //TODO add testnet address for DOG•GO•TO•THE•MOON
+    name: 'DOG•GO•TO•THE•MOON',
+    decimals: 18,
+    getIcon: async () => (await import('./icons/bob/dog')).default,
+  },
   {
     symbol: 'WSTETH',
     address: '0xf83A152C0A526a45E93D91c95894a19A1258E30E',