diff --git a/src/components/ui/PageGridTemplate/PageGridTemplate.tsx b/src/components/ui/PageGridTemplate/PageGridTemplate.tsx index 4f858a7..587a675 100644 --- a/src/components/ui/PageGridTemplate/PageGridTemplate.tsx +++ b/src/components/ui/PageGridTemplate/PageGridTemplate.tsx @@ -5,6 +5,7 @@ import AppBar from "components/ui/AppBar/AppBar"; import ProductCardImage from "src/components/ui/Cards/ProductCardImage/ProductCardImage"; import { Product } from "src/types/product"; +import HelpCard from "../Cards/HelpCard/HelpCard"; import ProductCard from "../Cards/ProductCard/ProductCard"; export interface IPageGridTemplate { @@ -12,6 +13,7 @@ export interface IPageGridTemplate { error: Error; productCardType?: ProductCardTypeEnum; translationFile?: string; + disability: string; } interface IGetProductCardElement { @@ -60,6 +62,7 @@ const PageGridTemplate: React.FC = ({ error, productCardType, translationFile, + disability, }) => { if (data === undefined || error) { return ; @@ -68,6 +71,7 @@ const PageGridTemplate: React.FC = ({ return ( <> + {shuffle(data).map((product) => ( diff --git a/src/pages/cart.tsx b/src/pages/cart.tsx index 860c6c3..8d821a9 100644 --- a/src/pages/cart.tsx +++ b/src/pages/cart.tsx @@ -15,6 +15,7 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import AppBar from "components/ui/AppBar/AppBar"; import AppLink from "src/components/ui/Buttons/AppLink"; +import HelpCardsGroup from "src/components/ui/Cards/HelpCard/HelpCard"; import { useSimulator } from "src/simulators"; import { SIMULATE_EFFECT } from "src/simulators/types"; import { cartAtom } from "src/store/cart"; @@ -50,6 +51,7 @@ const CartPage: NextPage = () => { return ( <> + { error={error} productCardType={ProductCardTypeEnum.Text} translationFile="dairy_coffee_egg" + disability="attention-deficit" /> ); }; diff --git a/src/pages/flour.tsx b/src/pages/flour.tsx index 3d9b943..c7facf4 100644 --- a/src/pages/flour.tsx +++ b/src/pages/flour.tsx @@ -24,6 +24,7 @@ const FlourPage: NextPage = () => { error={error} productCardType={ProductCardTypeEnum.TinyButton} translationFile="flour" + disability="parkinson" /> ); }; diff --git a/src/pages/fruits.tsx b/src/pages/fruits.tsx index 11309a0..3a37d42 100644 --- a/src/pages/fruits.tsx +++ b/src/pages/fruits.tsx @@ -17,7 +17,12 @@ const FruitsPage: NextPage = () => { useColorFilterSimulator([COLOR_FILTER_ID.PROTANOPIA]); return ( - + ); };