react app practice

import { useState } from 'react'
import { BrowserRouter, Routes, Route, Link, useNavigate } from 'react-router-dom'
import Home from './pages/Home'
import Login from './pages/Login'
import Marketplace from './pages/Marketplace'
import Checkout from './pages/Checkout'
import MyOrders from './pages/MyOrders'
import ProducerDashboard from './pages/ProducerDashboard'
import Loyalty from './pages/Loyalty'
import './index.css'

function Navbar({ user, setUser }) {
const navigate = useNavigate()

const handleLogout = () => {
localStorage.removeItem('user')
setUser(null)
navigate('/')
}

return (

Home
Marketplace
{user && user.role === 'customer' && My Orders}
{user && user.role === 'customer' && Loyalty}
{user && user.role === 'producer' && Dashboard}
{!user && Login}
{user && Hi {user.name}}
{user && (

Logout

)}

)
}

function App() {
const [user, setUser] = useState(() => {
const saved = localStorage.getItem('user')
return saved ? JSON.parse(saved) : null
})

return (



} />
} />
} />
} />
} />
} />
} />


)
}

export default App`