feat(nfts): snaefell-ui code cleanup (#17380)

taikoxyz · May 28, 2024 · 7da80c5 · 7da80c5
1 parent 4789b8b
commit 7da80c5
Show file tree

Hide file tree

Showing 25 changed files with 4 additions and 1,235 deletions.
diff --git a/packages/snaefell-ui/src/components/Collection/Collection.svelte b/packages/snaefell-ui/src/components/Collection/Collection.svelte
diff --git a/packages/snaefell-ui/src/components/Collection/TaikoonDetail.svelte b/packages/snaefell-ui/src/components/Collection/TaikoonDetail.svelte
diff --git a/packages/snaefell-ui/src/components/Collection/classes.ts b/packages/snaefell-ui/src/components/Collection/classes.ts
diff --git a/packages/snaefell-ui/src/components/Collection/index.ts b/packages/snaefell-ui/src/components/Collection/index.ts
diff --git a/packages/snaefell-ui/src/components/DynamicImage/DynamicImage.svelte b/packages/snaefell-ui/src/components/DynamicImage/DynamicImage.svelte
diff --git a/packages/snaefell-ui/src/components/DynamicImage/index.ts b/packages/snaefell-ui/src/components/DynamicImage/index.ts
diff --git a/packages/snaefell-ui/src/components/Header/Header.svelte b/packages/snaefell-ui/src/components/Header/Header.svelte
@@ -1,14 +1,11 @@
 <script lang="ts">
   import { ResponsiveController } from '@taiko/ui-lib';
-  import { zeroAddress } from 'viem';
 
-  import { MobileMenu } from '$components/MobileMenu';
   import { classNames } from '$lib/util/classNames';
   import { account } from '$stores/account';
   import { pageScroll } from '$stores/pageScroll';
   import { Theme, theme } from '$stores/theme';
 
-  import type { IAddress } from '../../types';
   import { ConnectButton } from '../ConnectButton';
   import { ThemeButton } from '../ThemeButton';
   import {
@@ -18,9 +15,6 @@
     themeButtonSeparatorClasses,
     wrapperClasses,
   } from './classes';
-  $: address = zeroAddress as IAddress;
-
-  $: isMobileMenuOpen = false;
 
   $: isDarkTheme = $theme === Theme.DARK;
 
@@ -36,8 +30,6 @@
   $: logoSrc = isDarkTheme ? '/taiko-h-white.svg' : '/taiko-h-black.svg';
 </script>
 
-<MobileMenu isConnected={$account?.isConnected} {address} bind:open={isMobileMenuOpen} />
-
 <div class={wrapperClasses}>
   <div class={classNames(headerClasses, $$props.class)}>
     <a href="/" class={logoClasses}>

diff --git a/packages/snaefell-ui/src/components/Mint/Mint.svelte b/packages/snaefell-ui/src/components/Mint/Mint.svelte
@@ -158,8 +158,8 @@
       <Divider />
 
       <div class={infoRowClasses}>
-        <InfoRow label="Total mints" value={$mintState.totalMintCount.toString()} />
-        <InfoRow label="Gas fee" loading={isCalculating} value={`Ξ ${gasCost}`} />
+        <InfoRow label={$t('content.mint.totalMints')} value={$mintState.totalMintCount.toString()} />
+        <InfoRow label={$t('content.mint.gasFee')} loading={isCalculating} value={`Ξ ${gasCost}`} />
       </div>
 
       <Button disabled={!canMint} on:click={mint} class={buttonClasses} wide block type="primary">

diff --git a/packages/snaefell-ui/src/components/MobileMenu/MobileMenu.svelte b/packages/snaefell-ui/src/components/MobileMenu/MobileMenu.svelte
diff --git a/packages/snaefell-ui/src/components/MobileMenu/index.ts b/packages/snaefell-ui/src/components/MobileMenu/index.ts