30 lines
720 B
JavaScript
30 lines
720 B
JavaScript
import { useState, useEffect } from 'react'
|
|
import './App.css'
|
|
import { supabase } from './supabaseClient'
|
|
import Auth from './Auth'
|
|
import Account from './Account'
|
|
|
|
function App() {
|
|
const [session, setSession] = useState(null)
|
|
|
|
useEffect(() => {
|
|
supabase.auth.getSession().then(({ data: { session } }) => {
|
|
setSession(session)
|
|
})
|
|
|
|
const { data } = supabase.auth.onAuthStateChange((_event, session) => {
|
|
setSession(session)
|
|
})
|
|
|
|
return () => data.subscription.unsubscribe();
|
|
}, [])
|
|
|
|
return (
|
|
<div className="container" style={{ padding: '50px 0 100px 0' }}>
|
|
{!session ? <Auth /> : <Account key={session.user.id} session={session} />}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default App
|