File size: 785 Bytes
3704bd1 e7c08a9 3704bd1 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | import { useAuth } from "../hooks/useAuth";
import { Navigate } from "react-router";
import React from 'react'
const Protected = ({children}) => {
const { loading,user } = useAuth()
if(loading){
return (
<main style={{
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
height: '100vh',
backgroundColor: '#0d1117',
color: '#e6edf3',
fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
}}>
<h2>Loading...</h2>
</main>
)
}
if(!user){
return <Navigate to={'/login'} />
}
return children
}
export default Protected |