mirror of
https://github.com/fergalmoran/supanextail.git
synced 2026-01-06 16:45:07 +00:00
42 lines
1.0 KiB
JavaScript
42 lines
1.0 KiB
JavaScript
import Head from "next/head";
|
|
import { useState, useEffect } from "react";
|
|
import { supabase } from "../utils/supabaseClient";
|
|
import Auth from "../components/Auth";
|
|
import Account from "../components/Account";
|
|
import Layout from "components/Layout";
|
|
|
|
export default function Home() {
|
|
const [session, setSession] = useState(null);
|
|
|
|
useEffect(() => {
|
|
setSession(supabase.auth.session());
|
|
|
|
supabase.auth.onAuthStateChange((_event, session) => {
|
|
setSession(session);
|
|
});
|
|
}, []);
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>Dashboard</title>
|
|
<link rel='icon' href='/favicon.ico' />
|
|
</Head>
|
|
|
|
<Layout>
|
|
<div>
|
|
<h1 className='text-6xl font-bold'>Dashboard</h1>
|
|
<div className='container'>
|
|
{!session ? (
|
|
<div className='max-w-md'>
|
|
<Auth />
|
|
</div>
|
|
) : (
|
|
<Account key={session.user.id} session={session} />
|
|
)}
|
|
</div>
|
|
</div>
|
|
</Layout>
|
|
</div>
|
|
);
|
|
}
|