ui styling

prax-wallet · Sep 4, 2024 · b68459e · b68459e
1 parent 7247890
commit b68459e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/apps/extension/src/routes/page/onboarding/generate.tsx b/apps/extension/src/routes/page/onboarding/generate.tsx
@@ -77,14 +77,21 @@ export const GenerateSeedPhrase = () => {
                 <span className='font-bold text-gray-100'>
                   {Boolean(error) && <span className='text-red-500'>{String(error)}</span>}
                   {isLoading && 'Loading...'}
-                  {latestBlockHeight && Number(latestBlockHeight).toLocaleString()}
+                  {latestBlockHeight && Number(latestBlockHeight)}
                 </span>
               </p>
               <p className='mt-2 text-sm text-gray-400'>
                 This is the block height at the time your wallet was created. Please save the block
                 height along with your recovery passphrase. It&apos;s not required, but will help
                 you restore your wallet quicker on a fresh Prax install next time.
               </p>
+              <CopyToClipboard
+                disabled={!reveal}
+                text={Number(latestBlockHeight).toString()}
+                label={<span className='font-bold text-muted-foreground'>Copy to clipboard</span>}
+                className='m-auto mt-4 w-48'
+                isSuccessCopyText
+              />
             </div>
           )}
 

diff --git a/packages/context/src/index.ts b/packages/context/src/index.ts
@@ -125,8 +125,8 @@ export class Services implements ServicesInterface {
       querier,
       indexedDb,
       stakingAssetId: registryClient.bundled.globals().stakingAssetId,
-      numeraires: numeraires,
-      walletCreationBlockHeight: walletCreationBlockHeight,
+      numeraires,
+      walletCreationBlockHeight,
     });
 
     return { viewServer, blockProcessor, indexedDb, querier };

diff --git a/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx b/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx
@@ -21,7 +21,7 @@ const CopyToClipboard = React.forwardRef<HTMLButtonElement, CopyToClipboardProps
       <Button
         className={cn(
           copied && 'cursor-default text-teal-500 hover:no-underline',
-          'block',
+          'flex items-center justify-center',
           className,
         )}
         variant='link'