mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-26 15:24:58 +02:00
Code Issues Releases Wiki Activity

Update details layout

Browse Source
This commit is contained in:
Phuoc Nguyen
2021-03-30 16:02:50 +07:00
parent 7543d759ca
commit 1762968dbf
7 changed files with 54 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/layouts/DetailsLayout.tsx
View File

@@ -3,14 +3,14 @@
* (c) 2019 - 2020 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/
import React from 'react';
import * as React from 'react';
import Ad from '../components/Ad';
import useDocumentTitle from '../hooks/useDocumentTitle';
import Layout from './Layout';
import Product from '../components/Product';
import { ProductList } from '../constants/ProductList';
import randomFromArray from '../helpers/randomFromArray';
import randomItems from '../helpers/randomIterms';
interface DetailsLayoutProps {
title: string;
@@ -19,7 +19,7 @@ interface DetailsLayoutProps {
const DetailsLayout: React.FC<DetailsLayoutProps> = ({ title, children }) => {
useDocumentTitle(`CSS Layout ∙ ${title}`);
const product = randomFromArray(ProductList);
const products = randomItems(ProductList, 3);
return (
<Layout>
@@ -36,7 +36,9 @@ const DetailsLayout: React.FC<DetailsLayoutProps> = ({ title, children }) => {
<div className="sidebar">
<div className="sidebar__inner">
<Ad />
<Product product={product} />
{
products.map(product => <Product key={product.name} product={product} />)
}
</div>
</div>
</div>