import { NextPage } from 'next';
import { SearchResponse } from '../../prismic/api';
import { ProductPageData } from '../../typings/entities';
import { Link } from '../../i18n';

interface PageProps {
  products?: SearchResponse<ProductPageData>;
  namespacesRequired?: string[];
  error?: boolean;
}

const ProductsHome: NextPage<PageProps> = ({ products, error }) => {
  if (error) {
    return (
      <p>Page not found !</p>
    );
  }

  const links = products.results.map((product) => (
    <li key={product.uid}><Link href={`/products/${product.uid}`}><a>{(product.data.product_name)}</a></Link></li>
  ));

  return (
    <>
      <h1>TODO: Hub produits</h1>
      <ul>{links}</ul>
    </>
  );
};

ProductsHome.getInitialProps = async ({ res }): Promise<PageProps> => {
  res.writeHead(302, { Location: '/' });
  res.end();

  return {
    namespacesRequired: ['common']
  };
  // Disabled for now
  // try {
  // const products = await getProducts(req);
  // return { products, namespacesRequired: ['common', 'product'] };
  // } catch (err) {
  //     return { error: true };
  // }
};

export default ProductsHome;