feat: add Supabase authentication context and routes
- Implemented Supabase authentication context in `supabase.tsx` for managing user login and logout. - Created a new SVG logo file for branding. - Set up main application entry point in `main.tsx` with router integration. - Added web vitals reporting in `reportWebVitals.ts`. - Generated route tree in `routeTree.gen.ts` for application routing. - Established root route in `__root.tsx` with TanStack Router Devtools integration. - Created authenticated route in `_authenticated.tsx` to protect routes. - Developed planes route under authenticated section in `planes.tsx`. - Implemented login route with form handling in `login.tsx`. - Added index route with welcome message in `index.tsx`. - Included basic styles in `styles.css`. - Configured TypeScript settings in `tsconfig.json`. - Set up Vite configuration with React and TanStack Router plugins in `vite.config.ts`.
This commit is contained in:
22
src/routes/_authenticated/planes.tsx
Normal file
22
src/routes/_authenticated/planes.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import { useSupabaseAuth } from '@/auth/supabase'
|
||||
import { createFileRoute } from '@tanstack/react-router'
|
||||
|
||||
export const Route = createFileRoute('/_authenticated/planes')({
|
||||
component: RouteComponent,
|
||||
})
|
||||
|
||||
function RouteComponent() {
|
||||
const auth = useSupabaseAuth()
|
||||
console.log(auth.user);
|
||||
|
||||
return <div>
|
||||
<h2>Hello "/_authenticated/planes"!</h2>
|
||||
<button
|
||||
onClick={() => {
|
||||
auth.logout()
|
||||
}}
|
||||
>
|
||||
Logout {auth.isAuthenticated}
|
||||
</button>
|
||||
</div>
|
||||
}
|
||||
Reference in New Issue
Block a user