[web] Add 'receive' and 'send' icons

dnjooiopa · May 4, 2024 · 5b09c8e · 5b09c8e
1 parent 14c5490
commit 5b09c8e
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/web/src/app/(auth)/page.tsx b/web/src/app/(auth)/page.tsx
@@ -5,6 +5,7 @@ import Link from 'next/link'
 import Balance from '@/components/Balance'
 import Transactions from '@/components/Transactions'
 import Button from '@/components/base/Button'
+import { RiSendPlaneFill } from 'react-icons/ri'
 
 const Page = () => {
   const { get } = cookies()
@@ -21,10 +22,16 @@ const Page = () => {
       <Balance />
       <div className="flex mt-4 gap-4 justify-center">
         <Link href="/receive">
-          <Button className="w-[128px]">Receive</Button>
+          <Button className="w-[128px] flex justify-center gap-2">
+            <RiSendPlaneFill className={`text-2xl text-gray-100 rotate-90`} />
+            <span>Receive</span>
+          </Button>
         </Link>
         <Link href="/send">
-          <Button className="w-[128px]">Send</Button>
+          <Button className="w-[128px] flex justify-center gap-1">
+            <RiSendPlaneFill className={`text-2xl text-gray-100`} />
+            <span>Send</span>
+          </Button>
         </Link>
       </div>
       <div className="mt-4" />