add help cards to pages

theodo · Oct 12, 2023 · 504729e · 504729e
1 parent ff8db33
commit 504729e
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 1 deletion.
diff --git a/src/components/ui/PageGridTemplate/PageGridTemplate.tsx b/src/components/ui/PageGridTemplate/PageGridTemplate.tsx
@@ -5,13 +5,15 @@ 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 {
   data: Product[] | undefined;
   error: Error;
   productCardType?: ProductCardTypeEnum;
   translationFile?: string;
+  disability: string;
 }
 
 interface IGetProductCardElement {
@@ -60,6 +62,7 @@ const PageGridTemplate: React.FC<IPageGridTemplate> = ({
   error,
   productCardType,
   translationFile,
+  disability,
 }) => {
   if (data === undefined || error) {
     return <CircularProgress />;
@@ -68,6 +71,7 @@ const PageGridTemplate: React.FC<IPageGridTemplate> = ({
   return (
     <>
       <AppBar />
+      <HelpCard displayShoppingList={true} disability={disability} />
       <Container>
         <Grid container spacing={4} marginY={2}>
           {shuffle(data).map((product) => (

diff --git 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 (
     <>
       <AppBar />
+      <HelpCardsGroup disability="dyslexia" />
       <Container
         className="table-container"
         sx={{

diff --git a/src/pages/egg.tsx b/src/pages/egg.tsx
@@ -42,6 +42,7 @@ const EggPage: NextPage = () => {
       error={error}
       productCardType={ProductCardTypeEnum.Text}
       translationFile="dairy_coffee_egg"
+      disability="attention-deficit"
     />
   );
 };

diff --git 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
@@ -17,7 +17,12 @@ const FruitsPage: NextPage = () => {
   useColorFilterSimulator([COLOR_FILTER_ID.PROTANOPIA]);
 
   return (
-    <PageGridTemplate data={data} error={error} translationFile="fruits" />
+    <PageGridTemplate
+      data={data}
+      error={error}
+      translationFile="fruits"
+      disability="color-blindness"
+    />
   );
 };