diff --git a/packages/taikoon-ui/package.json b/packages/taikoon-ui/package.json index 6be9dfafa4b..7d47b7ef9e8 100644 --- a/packages/taikoon-ui/package.json +++ b/packages/taikoon-ui/package.json @@ -14,7 +14,7 @@ "format": "prettier --write ./src", "test:integration": "playwright test", "test:unit": "vitest", - "start": "npm run generate:abi && vite dev --open", + "start": "npm run generate:abi && vite dev --open --host 0.0.0.0", "generate:abi": "cd ../nfts && pnpm compile && cd - && wagmi generate" }, "devDependencies": { diff --git a/packages/taikoon-ui/src/components/AnimatedArrow/AnimatedArrow.svelte b/packages/taikoon-ui/src/components/AnimatedArrow/AnimatedArrow.svelte index baccf0fdbe2..104bb4fcbc3 100644 --- a/packages/taikoon-ui/src/components/AnimatedArrow/AnimatedArrow.svelte +++ b/packages/taikoon-ui/src/components/AnimatedArrow/AnimatedArrow.svelte @@ -5,7 +5,7 @@ const ArrowIcon = Icons.ArrowRightFilled; const wrapperClasses = classNames( - 'bg-primary-content', + 'bg-white', 'rounded-full', 'w-[32px]', 'h-[32px]', @@ -19,7 +19,6 @@ 'w-full', 'h-full', 'relative', - 'flex', 'items-center', 'justify-center', diff --git a/packages/taikoon-ui/src/components/Collection/Collection.svelte b/packages/taikoon-ui/src/components/Collection/Collection.svelte index e8e314713c2..8692ed6721a 100644 --- a/packages/taikoon-ui/src/components/Collection/Collection.svelte +++ b/packages/taikoon-ui/src/components/Collection/Collection.svelte @@ -1,7 +1,7 @@ diff --git a/packages/taikoon-ui/src/components/Collection/TaikoonDetail.svelte b/packages/taikoon-ui/src/components/Collection/TaikoonDetail.svelte index d2802f13fa0..3df7f3ca0a9 100644 --- a/packages/taikoon-ui/src/components/Collection/TaikoonDetail.svelte +++ b/packages/taikoon-ui/src/components/Collection/TaikoonDetail.svelte @@ -9,6 +9,7 @@ import { Spinner } from '$ui/Spinner'; import Token from '../../lib/token'; + import type { IAddress } from '../../types'; import { NftRenderer } from '../NftRenderer'; import { chipWrapperClasses, detailClasses, detailContainerClasses, detailTitleClasses } from './classes'; @@ -16,10 +17,10 @@ export let taikoonId: number = -1; $: shortenedAddress = '...'; - + $: owner = '0x0' as IAddress; async function updateShortenedAddress() { if (taikoonId < 0) return; - const owner = await Token.ownerOf(taikoonId); + owner = await Token.ownerOf(taikoonId); shortenedAddress = await shortenAddress(owner); } @@ -36,6 +37,7 @@ withEvents on:click={() => { taikoonId = -1; + window.location.hash = ''; }} class="my-2 bg-transparent" size="14" /> @@ -51,10 +53,7 @@

- +
{/if} diff --git a/packages/taikoon-ui/src/components/ConnectButton/ConnectButton.svelte b/packages/taikoon-ui/src/components/ConnectButton/ConnectButton.svelte index fbf4b7b5b95..7eed3c8c2a4 100644 --- a/packages/taikoon-ui/src/components/ConnectButton/ConnectButton.svelte +++ b/packages/taikoon-ui/src/components/ConnectButton/ConnectButton.svelte @@ -1,10 +1,10 @@ {#if connected} @@ -70,9 +80,9 @@ src={(currentChainId && getChainImage(currentChainId)) || 'chains/ethereum.svg'} /> {#if windowSize !== 'md'} {`Ξ ${parseFloat(formatEther(balance)).toFixed(3)}`} + >{`Ξ ${balanceStr}`} - {#await shortenAddress(accountAddress)} + {#await shortenAddress(accountAddress, 5, 2)} ... {:then displayAddress} {displayAddress} diff --git a/packages/taikoon-ui/src/components/ConnectButton/classes.ts b/packages/taikoon-ui/src/components/ConnectButton/classes.ts index cb9f221d887..bdab1033e05 100644 --- a/packages/taikoon-ui/src/components/ConnectButton/classes.ts +++ b/packages/taikoon-ui/src/components/ConnectButton/classes.ts @@ -32,9 +32,13 @@ export const addressClasses = classNames( export const chainIconClasses = classNames( 'w-[24px]', - 'ml-1', - //'md:ml-[0]', + // sm + 'ml-3', + // md 'md:mx-2', + // lg + 'lg:ml-2', + 'lg:mr-0', ); export const connectButtonClasses = classNames( diff --git a/packages/taikoon-ui/src/components/Header/Header.svelte b/packages/taikoon-ui/src/components/Header/Header.svelte index 380ec1980be..6e47bac663a 100644 --- a/packages/taikoon-ui/src/components/Header/Header.svelte +++ b/packages/taikoon-ui/src/components/Header/Header.svelte @@ -1,17 +1,14 @@ @@ -66,38 +71,30 @@
- taikoons-logo + taikoons-logo {#if windowSize === 'sm'}
- {#if isCountdownActive()} - - {:else} - - {/if} +
{:else} - {#if !isCountdownActive()} -
- Mint +
+ Mint - Collection - {#if address !== zeroAddress} - Your taikoons - {/if} -
- {/if} -
- {#if !isCountdownActive()} - + Collection + {#if displayYourTaikoonsButton} + Your taikoons {/if} +
+
+