From 86e1a18690b0441800f35413c611d8605e0cc45a Mon Sep 17 00:00:00 2001
From: lehuygiang28 <lehuygiang28@gmail.com>
Date: Tue, 11 Jun 2024 01:40:28 +0700
Subject: [PATCH] feat(fe): :zap: add register button

---
 apps/fe/src/components/pages/home/header.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/apps/fe/src/components/pages/home/header.tsx b/apps/fe/src/components/pages/home/header.tsx
index 3d290d2..567bdda 100644
--- 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>