SOV-4445: Runes page Updates (#1028)

* chore: update rune symbols * Create neat-humans-develop.md * chore: update styles for dog
DistributedCollective · Oct 17, 2024 · 0bc23cc · 0bc23cc
1 parent 3f9e791
commit 0bc23cc
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 6 deletions.
diff --git a/.changeset/neat-humans-develop.md 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
@@ -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
@@ -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
@@ -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
@@ -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',