remove unused things and allowed card page to accessed

avanastar · Nov 17, 2023 · 56ed453 · 56ed453
1 parent e277c9c
commit 56ed453
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 10 deletions.
diff --git a/src/Components/LogoutButton.tsx b/src/Components/LogoutButton.tsx
@@ -8,7 +8,7 @@ interface LogoutButtonProps {
   props?: any;
 }
 
-export const LogoutButton = ({ action, ...props }: LogoutButtonProps) => {
+export const LogoutButton = ({ action }: LogoutButtonProps) => {
   const handleLogout = () => {
     signOut(getAuth()).then(() => {
       if (action) action();

diff --git a/src/Components/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar.tsx
@@ -1,10 +1,11 @@
 import React, { useEffect } from 'react';
-import {
-  getAuth,
-  GoogleAuthProvider,
-  signInWithPopup,
-  signOut,
-} from 'firebase/auth';
+// Login with Google
+// import {
+//   getAuth,
+//   GoogleAuthProvider,
+//   signInWithPopup,
+//   signOut,
+// } from 'firebase/auth';
 import { Link } from 'react-router-dom';
 import { useAuthState } from '../../firebase/firebase';
 import Burger from '../Burger';

diff --git a/src/Components/Router/Routes.tsx b/src/Components/Router/Routes.tsx
@@ -4,6 +4,7 @@ import Home from '../../Pages/Home';
 import Discord from '../../Pages/Discord';
 import NotFound from '../../Pages/NotFound';
 import Unauthorized from '../../Pages/Unauthorized';
+import Cards from '../../Pages/Cards';
 
 const Routes = [
   {
@@ -33,6 +34,15 @@ const Routes = [
     reqAuthState: RequiredAuthState.LoggedOut,
     hidden: true,
   },
+  {
+    title: 'Cards',
+    description: 'Cards',
+    path: '/cards',
+    name: 'Cards',
+    component: Cards,
+    reqAuthState: RequiredAuthState.Any,
+    hidden: true,
+  },
   {
     title: 'AvaRose - 404',
     description: 'Page Not Found',

diff --git a/src/Pages/Cards.tsx b/src/Pages/Cards.tsx
@@ -114,7 +114,7 @@ const Cards = () => {
         Add Card
       </button>
       <div className='cards'>
-        {cardsList.map((card: Card, i) => (
+        {cardsList.map((card: Card) => (
           <div className='card' id={`card-${card.id}`} key={card.id}>
             <div className='card-border' />
             <div className='card-content'>

diff --git a/src/Pages/Discord/Discord.tsx b/src/Pages/Discord/Discord.tsx
@@ -2,8 +2,8 @@ import React, { useEffect } from 'react';
 import Loading from '@nextui-org/react/loading';
 import ReactGA from 'react-ga4';
 import './style.scss';
-import { Container, Typography } from '@mui/material';
-import { seo, SeoData } from '../../Helpers/seo';
+import { Typography } from '@mui/material';
+import { seo } from '../../Helpers/seo';
 
 const url = 'https://discord.com/api/guilds/1006583002517745674/widget.json',
   getDiscordData = async () => {