mirror of
https://github.com/ershisan99/flashcards-example-project.git
synced 2025-12-18 05:09:23 +00:00
add components
This commit is contained in:
@@ -6,21 +6,27 @@ import {
|
||||
RouterProvider,
|
||||
} from 'react-router-dom'
|
||||
|
||||
import { useGetDecksQuery } from '@/services/base-api'
|
||||
import { SignInPage, DecksPage } from './pages'
|
||||
|
||||
const publicRoutes: RouteObject[] = [
|
||||
{
|
||||
path: '/login',
|
||||
element: <div>login</div>,
|
||||
element: <Outlet />,
|
||||
children: [
|
||||
{
|
||||
path: '/login',
|
||||
element: <SignInPage />,
|
||||
},
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
const privateRoutes: RouteObject[] = [
|
||||
{
|
||||
path: '/',
|
||||
element: <div>hello</div>,
|
||||
element: <DecksPage />,
|
||||
},
|
||||
]
|
||||
|
||||
const router = createBrowserRouter([
|
||||
{
|
||||
element: <PrivateRoutes />,
|
||||
@@ -30,14 +36,11 @@ const router = createBrowserRouter([
|
||||
])
|
||||
|
||||
export const Router = () => {
|
||||
const result = useGetDecksQuery()
|
||||
|
||||
console.log(result)
|
||||
|
||||
return <RouterProvider router={router} />
|
||||
}
|
||||
|
||||
function PrivateRoutes() {
|
||||
const isAuthenticated = false
|
||||
const isAuthenticated = true
|
||||
|
||||
return isAuthenticated ? <Outlet /> : <Navigate to="/login" />
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user