From f16d40a02a9941ae7356af0799f5d885614f1dd2 Mon Sep 17 00:00:00 2001
From: fsoussand <fflloo98@me.com>
Date: Wed, 28 Jun 2023 16:37:19 +0200
Subject: [PATCH] create final page

---
 public/product_assets/images/congrats.svg     |  4 ++
 .../ui/PageTextTemplate/PageTextTemplate.tsx  | 51 +++++++++++++++++++
 src/pages/final.tsx                           | 50 ++++++++++++++++++
 .../initilizations/ColorFiltersDefinition.tsx |  3 ++
 4 files changed, 108 insertions(+)
 create mode 100644 public/product_assets/images/congrats.svg
 create mode 100644 src/components/ui/PageTextTemplate/PageTextTemplate.tsx
 create mode 100644 src/pages/final.tsx

diff --git a/public/product_assets/images/congrats.svg b/public/product_assets/images/congrats.svg
new file mode 100644
index 0000000..bde77e1
--- /dev/null
+++ b/public/product_assets/images/congrats.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="79" viewBox="0 0 80 79" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" d="M18.7165 47.7006L31.7187 60.7028L16.1265 66.3693C15.6966 66.5274 15.2304 66.5591 14.7831 66.4608C14.3358 66.3624 13.926 66.138 13.6021 65.8141C13.2782 65.4902 13.0538 65.0804 12.9554 64.6331C12.857 64.1857 12.8888 63.7196 13.0468 63.2897L18.7165 47.7006ZM61.468 46.247L33.1723 17.9513C32.8869 17.666 32.5342 17.4573 32.1468 17.3444C31.7594 17.2316 31.3497 17.2184 30.9558 17.3059C30.5619 17.3934 30.1964 17.5788 29.8932 17.845C29.59 18.1113 29.3588 18.4497 29.2211 18.829L24.6324 31.4555L47.9822 54.8053L60.6088 50.2166C60.9901 50.0782 61.3302 49.8452 61.5971 49.5396C61.864 49.234 62.049 48.8657 62.1348 48.4691C62.2206 48.0726 62.2045 47.6607 62.0879 47.2721C61.9712 46.8835 61.758 46.5308 61.468 46.247Z" fill="#1E45CF"/>
+<path d="M34.9146 16.2082C34.336 15.631 33.6213 15.209 32.8365 14.9809C32.0517 14.7528 31.2221 14.726 30.4243 14.9031C29.6264 15.0801 28.886 15.4553 28.2714 15.994C27.6568 16.5326 27.1877 17.2174 26.9075 17.9851L10.7425 62.4489C10.477 63.1822 10.3912 63.9684 10.4924 64.7416C10.5936 65.5149 10.8788 66.2526 11.3241 66.8927C11.7694 67.5329 12.3618 68.057 13.0515 68.4208C13.7413 68.7847 14.5083 68.9778 15.2881 68.9839C15.8622 68.98 16.4313 68.8758 16.9696 68.6759L61.4303 52.5079C62.1982 52.228 62.8833 51.7592 63.4223 51.1447C63.9613 50.5303 64.3368 49.7899 64.5142 48.992C64.6916 48.1942 64.6651 47.3644 64.4372 46.5795C64.2093 45.7945 63.7874 45.0797 63.2103 44.5008L34.9146 16.2082ZM32.3493 57.8479L21.5705 47.0692L25.6233 35.9178L43.5006 53.7951L32.3493 57.8479ZM15.4113 64.0072L19.7227 52.1783L27.2525 59.708L15.4113 64.0072ZM48.6221 51.935L27.4834 30.7964L31.487 19.7497L59.6441 47.9069L48.6221 51.935ZM49.8539 22.1734C49.9002 20.5079 50.3035 18.8716 51.0365 17.3753C52.6687 14.114 55.7483 12.3186 59.7088 12.3186C61.7721 12.3186 63.0964 11.6133 63.9125 10.0982C64.3422 9.25049 64.5888 8.32188 64.6362 7.37269C64.6386 6.71927 64.9005 6.09359 65.3643 5.63329C65.8281 5.17298 66.4557 4.91577 67.1091 4.91822C67.7625 4.92067 68.3882 5.18258 68.8485 5.64635C69.3088 6.11012 69.566 6.73775 69.5636 7.39116C69.5636 11.3516 66.9397 17.246 59.7088 17.246C57.6454 17.246 56.3212 17.9512 55.5051 19.4664C55.0753 20.3141 54.8287 21.2427 54.7813 22.1919C54.7801 22.5154 54.7152 22.8356 54.5903 23.134C54.4653 23.4325 54.2828 23.7034 54.0532 23.9313C53.8236 24.1592 53.5513 24.3397 53.2519 24.4624C52.9525 24.5851 52.6319 24.6476 52.3084 24.6464C51.9848 24.6452 51.6647 24.5802 51.3663 24.4553C51.0678 24.3304 50.7969 24.1479 50.569 23.9182C50.3411 23.6886 50.1606 23.4163 50.0379 23.1169C49.9152 22.8176 49.8527 22.497 49.8539 22.1734ZM42.4628 12.3186V4.92745C42.4628 4.27404 42.7224 3.64738 43.1844 3.18535C43.6464 2.72331 44.2731 2.46375 44.9265 2.46375C45.5799 2.46375 46.2066 2.72331 46.6686 3.18535C47.1306 3.64738 47.3902 4.27404 47.3902 4.92745V12.3186C47.3902 12.972 47.1306 13.5987 46.6686 14.0607C46.2066 14.5227 45.5799 14.7823 44.9265 14.7823C44.2731 14.7823 43.6464 14.5227 43.1844 14.0607C42.7224 13.5987 42.4628 12.972 42.4628 12.3186ZM73.7704 37.6763C73.9991 37.9052 74.1805 38.1769 74.3041 38.4759C74.4278 38.7749 74.4914 39.0954 74.4913 39.4189C74.4911 39.7425 74.4273 40.0629 74.3033 40.3618C74.1794 40.6607 73.9977 40.9322 73.7688 41.1609C73.5399 41.3896 73.2682 41.571 72.9692 41.6947C72.6702 41.8184 72.3498 41.882 72.0262 41.8818C71.7026 41.8817 71.3823 41.8178 71.0834 41.6939C70.7845 41.5699 70.5129 41.3883 70.2842 41.1594L65.3568 36.232C64.8945 35.7697 64.6348 35.1427 64.6348 34.4889C64.6348 33.8351 64.8945 33.2081 65.3568 32.7458C65.8191 32.2835 66.4461 32.0238 67.0999 32.0238C67.7537 32.0238 68.3807 32.2835 68.843 32.7458L73.7704 37.6763ZM75.2702 24.5109L67.879 26.9746C67.2591 27.1812 66.5825 27.1331 65.998 26.8409C65.4135 26.5487 64.9691 26.0362 64.7624 25.4163C64.5558 24.7964 64.6039 24.1197 64.8961 23.5353C65.1884 22.9508 65.7008 22.5063 66.3207 22.2997L73.7119 19.836C74.3318 19.6293 75.0084 19.6774 75.5929 19.9697C76.1774 20.2619 76.6218 20.7743 76.8285 21.3943C77.0351 22.0142 76.987 22.6908 76.6948 23.2753C76.4025 23.8598 75.8901 24.3042 75.2702 24.5109Z" fill="#1E45CF"/>
+</svg>
diff --git a/src/components/ui/PageTextTemplate/PageTextTemplate.tsx b/src/components/ui/PageTextTemplate/PageTextTemplate.tsx
new file mode 100644
index 0000000..da8405c
--- /dev/null
+++ b/src/components/ui/PageTextTemplate/PageTextTemplate.tsx
@@ -0,0 +1,51 @@
+import { Container } from "@mui/material";
+import Image from "next/image";
+
+export interface IPageTextTemplate {
+  content: JSX.Element;
+}
+
+const PageTextTemplate: React.FC<IPageTextTemplate> = ({ content }) => {
+  return (
+    <Container
+      sx={{
+        display: "flex",
+        justifyContent: "center",
+        height: "100vh",
+        width: "100vh",
+      }}
+    >
+      <Container
+        sx={{
+          height: "140vh",
+          width: "140vh",
+          backgroundColor: "primary.main",
+          opacity: "5%",
+          borderRadius: "50%",
+          marginTop: "-20vh",
+          position: "fixed",
+          zIndex: "-1",
+        }}
+      />
+      <Container
+        sx={{
+          display: "flex",
+          justifyContent: "center",
+          flexDirection: "column",
+          marginTop: "-15vh",
+        }}
+      >
+        <Image
+          src={require("/public/icons/logo.svg")}
+          alt=""
+          role="presentation"
+          width={160}
+          height={55}
+        />
+        {content}
+      </Container>
+    </Container>
+  );
+};
+
+export default PageTextTemplate;
diff --git a/src/pages/final.tsx b/src/pages/final.tsx
new file mode 100644
index 0000000..48a2a39
--- /dev/null
+++ b/src/pages/final.tsx
@@ -0,0 +1,50 @@
+import { Typography } from "@mui/material";
+import { Container } from "@mui/system";
+import type { NextPage } from "next";
+import Image from "next/image";
+
+import AppLink from "src/components/ui/Buttons/AppLink";
+import PageTextTemplate from "src/components/ui/PageTextTemplate/PageTextTemplate";
+
+const FinalPage: NextPage = () => {
+  const content = (
+    <Container
+      sx={{
+        textAlign: "center",
+        marginTop: "15vh",
+        justifyContent: "center",
+        display: "flex",
+        flexDirection: "column",
+      }}
+    >
+      <Image
+        src={require("public/product_assets/images/congrats.svg")}
+        alt=""
+      />
+      <Typography
+        fontSize={60}
+        sx={{
+          color: "primary.main",
+          marginTop: "50px",
+        }}
+      >
+        Félicitations,
+      </Typography>
+      <Typography
+        style={{
+          fontFamily: "fontFamily",
+          fontSize: "30px",
+          color: "primary.main",
+          marginBottom: "5vh",
+        }}
+      >
+        tu as réussi à commander les ingrédients pour réaliser ta tarte aux
+        pommes
+      </Typography>
+      <AppLink text="Retenter l'expérience ?" link="/" />
+    </Container>
+  );
+  return <PageTextTemplate content={content} />;
+};
+
+export default FinalPage;
diff --git a/src/simulators/initilizations/ColorFiltersDefinition.tsx b/src/simulators/initilizations/ColorFiltersDefinition.tsx
index 27f801a..bdc9e76 100644
--- a/src/simulators/initilizations/ColorFiltersDefinition.tsx
+++ b/src/simulators/initilizations/ColorFiltersDefinition.tsx
@@ -6,6 +6,9 @@ const ColorFiltersDefinition = () => (
     version="1.1"
     id="wds-colorBlindnessFilter"
     height="0"
+    style={{
+      position: "absolute",
+    }}
   >
     <defs>
       <filter id={COLOR_FILTER_ID.PROTANOPIA}>