fix(hall): adjust join room button color

sozonome · Oct 10, 2023 · 5bc0844 · 5bc0844
1 parent 0df14be
commit 5bc0844
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 14 deletions.
diff --git a/src/lib/components/hall/components/JoinRoom.tsx b/src/lib/components/hall/components/JoinRoom.tsx
@@ -1,9 +1,9 @@
 import { Button, Grid, Heading, useColorModeValue } from '@chakra-ui/react';
+import Link from 'next/link';
 import { useRouter } from 'next/router';
 import type { ChangeEventHandler } from 'react';
 import * as React from 'react';
 
-import LinkWrap from '~/lib/components/shared/LinkWrap';
 import SpokerInput from '~/lib/components/shared/SpokerInput';
 import SpokerWrapperGrid from '~/lib/components/shared/SpokerWrapperGrid';
 
@@ -40,17 +40,14 @@ const JoinRoom = () => {
         />
       </Grid>
 
-      <LinkWrap href={`/join/${roomId}`} isDisabled={isDisabled} passHref>
-        <Button
-          as="a"
-          isDisabled={isDisabled}
-          alignSelf="flex-end"
-          backgroundColor="black"
-          _hover={{ backgroundColor: 'orange.400' }}
-        >
-          Let Me in!
-        </Button>
-      </LinkWrap>
+      <Button
+        as={Link}
+        href={`/join/${roomId}`}
+        isDisabled={isDisabled}
+        alignSelf="flex-end"
+      >
+        Let Me in!
+      </Button>
     </SpokerWrapperGrid>
   );
 };

diff --git a/src/lib/pages/hall/index.tsx b/src/lib/pages/hall/index.tsx
@@ -16,7 +16,7 @@ import FullScreenLoading from '~/lib/layout/FullScreenLoading';
 import { requestVerificationMail } from '~/lib/services/firebase/auth/requestVerificationMail';
 import { useAuth } from '~/lib/stores/auth';
 
-const Home = () => {
+const HallPage = () => {
   const currentUser = useAuth((state) => state.currentUser);
   const [busy, setBusy] = React.useState<boolean>(true);
   const [isEmailVerified, setIsEmailVerified] = React.useState<boolean>(false);
@@ -86,4 +86,4 @@ const Home = () => {
   );
 };
 
-export default Home;
+export default HallPage;