1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / smartweb / priyoholidays.com / src / components / pages / dashboard /
Filename : DashboardComponent.js
back
'use client'
import React, { useEffect, useMemo, useState } from 'react'
import { useAuthMutation, useCustomer } from '@/api/auth'
// import { useSettings } from '@/api/generale-hooks'
import { useWishList } from '@/api/wishList-api'
import { useCartData } from '@/api/cart-api'
import { CounterBase } from '@/components/mixed/MobileStickyNav'
import {
    CartIcon,
    LinkExternal,
    LogOutIcon,
    LoveIcon,
    OrderList,
} from '@/components/icons'
import { signOut } from 'next-auth/react'
import PageCardComponent from '@/components/mixed/PageCardComponent'
import DashboardCardItem from '@/components/pages/dashboard/includes/DashboardCardItem'

const dashboardURL = process.env.NEXT_PUBLIC_ADMIN_URL
const DashboardComponent = () => {
    const [mode, setMode] = useState('retail')
    const { authLogout } = useAuthMutation()
    // const settings = useSettings()
    const user = useCustomer()

    // console.log({user})

    const { data: wishList } = useWishList({ ProviderType: '' })
    const { data: cart } = useCartData()

    const cart_count = useMemo(() => cart?.cart_items?.filter((item) => item?.IsCart > 0)?.length || 0, [cart?.cart_items])
    const love_count = useMemo(() => wishList?.length || 0, [wishList])

    useEffect(() => {
        const current = typeof window !== 'undefined' ? window.localStorage.getItem('_website_type') : null
        if (current) {
            setMode(current)
        }
    }, [])

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

    return (
        <>
            <PageCardComponent title={'Dashboard'}>
                <div className="max-w-[1100px] mt-8 mb-3">
                    <div className="grid grid-cols-12 lg:grid-cols-10 gap-2 lg:gap-4 ">
                        <div className={'col-span-3 lg:col-span-2 mb-2 relative'}>
                            <CounterBase count={cart_count}
                                         className={'top-[6px] right-[6px] lg:top-[30px] lg:right-[30px] lg:text-base lg:w-[30px] lg:h-[30px]'} />
                            <DashboardCardItem
                                href={mode === 'wholesale' ? `/wholesale/checkout` : `/checkout`}
                                icon={<CartIcon className="text-[34px] sm:text-[44px] lg:text-[68px] xl:text-[74px]" />}
                                text={'Cart'}
                            />
                        </div>
                        <div className={'col-span-3 lg:col-span-2 mb-2 relative'}>
                            <CounterBase count={love_count}
                                         className={'top-[6px] right-[6px] lg:top-[30px] lg:right-[30px] lg:text-base lg:w-[30px] lg:h-[30px]'} />
                            <DashboardCardItem
                                href={`/dashboard/wishlist`}
                                icon={<LoveIcon className="text-[34px] sm:text-[44px] lg:text-[68px] xl:text-[74px]" />}
                                text={'Wishlist'}
                            />
                        </div>
                        <div className={'col-span-3 lg:col-span-2 mb-2'}>
                            <DashboardCardItem
                                href={`/dashboard/orders`}
                                icon={<OrderList
                                    className="text-[34px] sm:text-[44px] lg:text-[68px] xl:text-[74px]" />}
                                text={'Orders'}
                            />
                        </div>

                        {
                            user?.role === 'admin' && (
                                <>
                                    <div className={'col-span-3 lg:col-span-2 mb-2'}>
                                        <DashboardCardItem
                                            href={dashboardURL}
                                            external={true}
                                            icon={<LinkExternal
                                                className="text-[34px] sm:text-[44px] lg:text-[68px] xl:text-[74px]" />}
                                            text={'Admin'}
                                        />
                                    </div>
                                </>
                            )
                        }
                        <div className={'col-span-3 lg:col-span-2 mb-2'}>
                            <DashboardCardItem
                                href={`/`}
                                icon={<LogOutIcon
                                    className="text-[34px] sm:text-[44px] lg:text-[68px] xl:text-[74px]" />}
                                text={'Logout'}
                                onClick={authLogoutProcess}
                            />
                        </div>
                    </div>
                </div>

            </PageCardComponent>
        </>
    )
}

export default DashboardComponent