1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s

: / var / www / chinawholesale-frontend-next / src / components / pages / search /

Filename : SearchResultPage.tsx

back

'use client'
import React, { use } from 'react'
import PageCardComponent from '@/components/mixed/PageCardComponent'
import { ProductList } from '@/components/list-item/product-list'
import PageNotFound from '@/components/pages/not-found/PageNotFound'
import { slugToTitle } from '@/helpers/general'
import { KeyValuePairs } from '@/types/global'
import CustomPagination from '@/components/pagination/CustomPagination'

type Props = {
    keyword: string
    promise: any
    searchParams: KeyValuePairs
}

export default function SearchResultPage({ promise, keyword }: Props) {

    const resData: KeyValuePairs = use(promise)

    const contents = resData?.Content || []
    const TotalCount = resData?.TotalCount || 0

    if (!contents?.length) {
        return (
            <PageNotFound key={'category-not-found'} />
        )
    }

    return (
        <>
            <PageCardComponent
                title={slugToTitle(keyword)}
                className={'min-h-[60dvh]'}>
                <>
                    {contents?.length > 0 && <ProductList products={contents} />}
                    <CustomPagination
                        total={TotalCount}
                        endpoint={`/search/${keyword}`}
                    />
                </>
            </PageCardComponent>
        </>
    )
};