feat(fe): ⚡ add register button

lehuygiang28 · Jun 10, 2024 · 86e1a18 · 86e1a18
1 parent 7c319b0
commit 86e1a18
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/apps/fe/src/components/pages/home/header.tsx b/apps/fe/src/components/pages/home/header.tsx
@@ -3,6 +3,7 @@
 import { useContext, useState } from 'react';
 import dynamic from 'next/dynamic';
 import Image from 'next/image';
+import NextLink from 'next/link';
 import { Layout, Menu, Button, Typography, Drawer, Space, Skeleton, Row, Col } from 'antd';
 import {
     LogoutOutlined,
@@ -11,6 +12,7 @@ import {
     DownOutlined,
     UpOutlined,
     UnorderedListOutlined,
+    ArrowRightOutlined,
 } from '@ant-design/icons';
 import { useIsAuthenticated, useGetIdentity, useLogout } from '@refinedev/core';
 import { LoginResponseDto } from '~be/app/auth/dtos';
@@ -189,9 +191,18 @@ export default function HomePageHeader() {
                                             cursor: 'pointer',
                                         }}
                                     >
-                                        <Button href="/login" type="dashed">
-                                            Login
-                                        </Button>
+                                        <Space>
+                                            <NextLink href="/login">
+                                                <Button type="text" ghost>
+                                                    Login
+                                                </Button>
+                                            </NextLink>
+                                            <NextLink href="/register">
+                                                <Button type="primary" ghost>
+                                                    Register <ArrowRightOutlined />
+                                                </Button>
+                                            </NextLink>
+                                        </Space>
                                     </div>
                                 )}
                             </div>