1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / smartweb / priyoholidays.com / src / components / layout / includes / header / includes /
Filename : TopNav.tsx
back
import React from 'react'
import { IoLocationOutline } from 'react-icons/io5'
import { FaRegClock } from 'react-icons/fa6'
import Link from 'next/link'
import { useAuthMutation, useCustomer } from '@/api/auth'
import { signOut } from 'next-auth/react'

export default function TopNav() {

    const user = useCustomer()
    const { authLogout } = useAuthMutation()

    const handleLogout = () => {
        authLogout()
            .then(async () => {
                await signOut({ redirect: true, callbackUrl: '/' })
            })
    }

    console.log({user})



    return (
        <>
            <div
                className="mx-container py-1 md:py-2 [.scrolled_&]:hidden flex justify-center lg:justify-between text-sm border-b-[1px] border-b-gray-300">
                <div className="hidden lg:flex justify-center items-center gap-6 font-medium">
                    <div className="flex justify-center items-center gap-2">
                        <IoLocationOutline />
                        <span className="">House-09, Shahajadpur, Badda, Gulshan, Dhaka-1212</span>
                    </div>
                    <div className="h-2/5 w-[1px] bg-slate-500"></div>
                    <div className="flex justify-center items-center gap-2">
                        <FaRegClock />
                        <span className="">Sun to Friday: 8.00 am - 8.00 pm, Bangladesh</span>
                    </div>
                </div>
                <div className="flex justify-center items-center gap-3 text-xs md:text-base">
                    {/* Language Dropdown  */}
                    {/*<div className="relative">
                        <button
                            className="peer py-2 px-3 border border-gray-300 text-xs rounded-full flex justify-center items-center gap-1 hover:text-primary transition-colors mr-5 font-semibold">
                            Language <FaAngleDown/>
                        </button>
                        <div
                            className="invisible opacity-0 [transition:_300ms_visibility,_400ms_top,_400ms_opacity] top-[calc(100%-10px)] peer-focus:opacity-100 hover:opacity-100 peer-focus:top-[calc(100%+5px)] hover:top-[calc(100%+5px)] hover:visible peer-focus:visible flex flex-col justify-center items-center absolute left-0 w-[200px] bg-white shadow-lg border border-gray-300 rounded p-1 z-50">
                            {Object.entries(langs).map(([key, value]) => (
                                <a
                                    key={key}
                                    href="#"
                                    className={cn(
                                        "py-1 px-3 block w-full hover:bg-slate-200",
                                        {
                                            "bg-slate-200 font-semibold":
                                                key === lang,
                                        }
                                    )}
                                >
                                    {value}
                                </a>
                            ))}
                        </div>
                    </div>*/}

                    <Link href="/faq" className="link-primary">
                        Faq
                    </Link>
                    <div className="h-2/3 md:h-2/5 w-[1px] bg-slate-500"></div>
                    <Link href="/contact" className="link-primary">
                        Support
                    </Link>
                    <div className="h-2/3 md:h-2/5 w-[1px] bg-slate-500"></div>
                    {
                        user ?
                            <>
                                <Link href="/dashboard" className="link-primary">
                                    Account
                                </Link>
                                <div className="h-2/3 md:h-2/5 w-[1px] bg-slate-500"></div>
                                <a
                                    href="/"
                                    className="link-primary"
                                    onClick={handleLogout}
                                >
                                    Logout
                                </a>
                            </>
                            :
                            <Link href="/account/login" className="link-primary">
                                Sign in / Register
                            </Link>
                    }
                </div>
            </div>
        </>
    )
}