pos-dashboard-v2/src/views/apps/purchase/purchase-detail/PurchaseDetailContent.tsx

'use client'

import Grid from '@mui/material/Grid2'
import PurchaseDetailInformation from './PurchaseDetailInformation'
import PurchaseDetailSendPayment from './PurchaseDetailSendPayment'
import PurchaseDetailLog from './PurchaseDetailLog'
import PurchaseDetailTransaction from './PurchaseDetailTransaction'
import { useParams } from 'next/navigation'
import { usePurchaseOrderById } from '@/services/queries/purchaseOrder'
import Loading from '@/components/layout/shared/Loading'

const PurchaseDetailContent = () => {
  const params = useParams()
  const { data, isLoading, error, isFetching } = usePurchaseOrderById(params.id as string)
  return (
    <>
      {isLoading ? (
        <Loading />
      ) : (
        <Grid container spacing={6}>
          <Grid size={{ xs: 12 }}>
            <PurchaseDetailInformation data={data} />
          </Grid>
          {data?.status == 'sent' && (
            <Grid size={{ xs: 12 }}>
              <PurchaseDetailSendPayment />
            </Grid>
          )}
          {/* <Grid size={{ xs: 12 }}>
            <PurchaseDetailTransaction />
          </Grid>
          <Grid size={{ xs: 12 }}>
            <PurchaseDetailLog />
          </Grid> */}
        </Grid>
      )}
    </>
  )
}

export default PurchaseDetailContent