mirror of
https://github.com/fergalmoran/supanextail.git
synced 2025-12-22 09:17:54 +00:00
69 lines
1.6 KiB
JavaScript
69 lines
1.6 KiB
JavaScript
import { useEffect, useState } from "react";
|
|
|
|
import Auth from "../components/Auth";
|
|
import Dashboard from "../components/Dashboard";
|
|
import Head from "next/head";
|
|
import Layout from "components/Layout";
|
|
import { supabase } from "../utils/supabaseClient";
|
|
import { useRouter } from "next/router";
|
|
|
|
const DashboardPage = ({ user }) => {
|
|
const [session, setSession] = useState(null);
|
|
const router = useRouter();
|
|
|
|
useEffect(() => {
|
|
// If a user is not logged in, return to the homepage
|
|
if (!user) {
|
|
router.push("/");
|
|
}
|
|
}, [user]);
|
|
|
|
useEffect(() => {
|
|
setSession(supabase.auth.session());
|
|
|
|
supabase.auth.onAuthStateChange((_event, session) => {
|
|
setSession(session);
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>{process.env.NEXT_PUBLIC_TITLE} | Dashboard</title>
|
|
</Head>
|
|
|
|
<Layout>
|
|
<div>
|
|
<h1 className='text-4xl font-bold md:text-5xl font-title'>Dashboard</h1>
|
|
<>
|
|
{!session ? (
|
|
<div className='max-w-md'>
|
|
<Auth />
|
|
</div>
|
|
) : (
|
|
<>
|
|
<Dashboard key={user.id} session={session} />
|
|
</>
|
|
)}
|
|
</>
|
|
</div>
|
|
</Layout>
|
|
</div>
|
|
);
|
|
};
|
|
export async function getServerSideProps({ req }) {
|
|
const { user } = await supabase.auth.api.getUserByCookie(req);
|
|
|
|
if (user) {
|
|
return { props: { user } };
|
|
}
|
|
|
|
if (!user) {
|
|
// If no user, redirect to index.
|
|
return { props: {}, redirect: { destination: "/", permanent: false } };
|
|
}
|
|
|
|
// If there is a user, return it.
|
|
}
|
|
export default DashboardPage;
|