DTIC

import React, { FC } from 'react'; import { responsive_constant } from '../../constants/layout/responsive'; import SingleProduct from '../../components/single-product'; import { selectProductsStatus } from '../../redux/product'; import LoadingData from '../../components/LoadingData'; import { KEY_LANG_HEADER } from '../../constants/keys'; import { GetStaticProps, GetStaticPaths } from 'next'; import isError from '../../utils/helpers/is-error'; import { ProductService } from '../../services'; import { useSelector } from 'react-redux'; import { useRouter } from 'next/router'; import { Product } from '../../models'; import { Col, Row } from 'antd'; import Head from 'next/head'; interface Props { product: Product; } const id: FC = ({ product }) => { const { isFallback, query } = useRouter(); if (isFallback) return loading; const status = useSelector(selectProductsStatus); const { id } = query; return ( <> DTIC (product ? true : false)} loading={status === 'loading'}> ); }; export default id; export const getStaticProps: GetStaticProps = async ({ locale, params }) => { const id = params?.id; const _id = Number(id); const service = new ProductService({ headers: { [KEY_LANG_HEADER]: locale }, }); const result = await service.Show({ id: _id }); if (isError(result)) { console.error(result); return { notFound: true }; } return { props: { product: result.data }, revalidate: 30, }; }; export const getStaticPaths: GetStaticPaths = async () => { const service = new ProductService(); const result = await service.FetchSite(); if (isError(result)) { console.log(result, 'getStaticPaths'); throw new Error(); } const pathsAr = result.data.map((el) => ({ params: { id: el.id.toString() }, locale: 'ar', })); const pathsEn = result.data.map((el) => ({ params: { id: el.id.toString() }, locale: 'en', })); const paths = [...pathsAr, ...pathsEn]; return { paths: paths, fallback: true, }; };