import React from 'react' import { Head, Link, router } from '@inertiajs/react' import CustomerLayout from '@/Layouts/CustomerLayout' import UserBanner from '../Index/UserBanner' import { HiChevronRight, HiOutlineUser, HiOutlineUserCircle, } from 'react-icons/hi2' import { HiOutlineBell, HiOutlineCash } from 'react-icons/hi' import { useModalState } from '@/hooks' import ModalConfirm from '@/Components/ModalConfirm' export default function Index({ auth: { user } }) { const confirmModal = useModalState() const handleLogoutClick = () => { confirmModal.toggle() } const onLogout = () => { router.post(route('customer.logout')) } return (
{/* user */}
{user.image_url !== null ? ( profile image ) : ( )}
{user.name}
{user.display_phone}
{user.level.name}
1
{/* saldo */}
Saldo
Rp {user.display_deposit}
Coin {user.display_coin}
Rewards
{user.level.name} Member
Limit 100.000
Upgrade Member
Deposit Saldo
Transaksi
Notifikasi
router.get(route('customer.profile.show')) } >
Profile
handleLogoutClick()} className="flex flex-row justify-between items-center px-2 py-4 w-full border-b border-gray-400 text-red-700 hover:bg-gray-100" > Logout
) }