Rename files

darwinia-network · Aug 13, 2024 · 841617b · 841617b
1 parent 981f634
commit 841617b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/src/app/(defi)/page.tsx b/src/app/(defi)/page.tsx
@@ -12,7 +12,7 @@ import ClaimLoading from '@/components/claim-loading';
 import { cn } from '@/lib/utils';
 import { useChain } from '@/hooks/useChain';
 import { ChainId } from '@/types/chains';
-import CenteredPopover from '@/components/ui/popover';
+import MigrationPopover from '@/components/migration-popover';
 
 // TODO: add chain id into array when rolling out V2 in the chain
 export const v2ChainId: ChainId[] = [ChainId.KOI]
@@ -117,7 +117,7 @@ const DefiTabs = () => {
           </Suspense>
         </AnimatePresence>
       </Tabs>
-      {isV2 && <CenteredPopover />}
+      {isV2 && <MigrationPopover />}
     </>
   );
 };

diff --git a/src/components/ui/popover.tsx → src/components/migration-popover.tsx b/src/components/ui/popover.tsx → src/components/migration-popover.tsx
@@ -1,29 +1,30 @@
 "use client";
 import { useState } from 'react';
-import { Button } from './button';
+import { Button } from './ui/button';
 import { cn } from '@/lib/utils';
 
 const title = "We are migrating";
 const instruction = "Please migrate to new KTON Pool and get your gKTON reward. To migrate, please follow steps below:"
 const stepContents = [`Step 1:Click \"Unstake\" button to unstake your KTON`, `Step 2:Click \"Stake in new pool\" button to stake your KTON`];
 const buttonText = "Start Migration";
 
-export default function CenteredPopover() {
+export default function MigrationPopover() {
     const [open, setOpen] = useState(true);
 
     return (
         open && <div className="absolute h-[360px] w-[480px] flex justify-center items-center rounded-[20px] bg-[#242A2E]">
             <div className='h-full w-full px-[20px] font-mono'>
-                <h1 className='text-center font-bold py-[15px]'>{title}</h1>
+                <h1 className='text-center font-extrabold py-[15px]'>{title}</h1>
                 <div className='h-[1px] bg-[rgba(255,255,255,0.1)]'></div>
-                <div className='py-[20px] tracking-tight'>
+                <div className='py-[20px]'>
                     <p className='text-sm py-[10px]'>{instruction}</p>
                     {stepContents.map((content, index) => {
-                        return <p className='text-center text-sm py-[10px] bg-[rgba(18,22,25)] mb-[10px]' key={index}>{content}</p>
+                        return <p className='text-center text-sm py-[10px] bg-[rgba(18,22,25)] mb-[10px]' key={index} style={{wordSpacing: '-3px', letterSpacing: '-0.5px'}}>{content}</p>
                     })}
                 </div>
-                <Button onClick={() => setOpen(false)} type="submit"
-                    className={cn('mt-5 w-full rounded-[0.3125rem] text-[0.875rem] text-white')}
+                <div className='h-[1px] bg-[rgba(255,255,255,0.1)]'></div>
+                <Button onClick={() => setOpen(false)} type="submit" 
+                    className={cn('font-extrabold mt-5 w-full rounded-[0.3125rem] text-[0.875rem] text-white')}
                 >{buttonText}</Button>
             </div>
         </div>