CW-prod-privacy-policy Added privacy policy page

src/pages/App/router/configuration/emptyLayout.tsx

@@ -1,3 +1,4 @@
+import { PrivacyPolicy } from "@/pages/PrivacyPolicy";
 import { EmptyPage } from "@/pages/empty";
 import { ROUTE_PATHS } from "@/shared/constants";
 import { EmptyLayout } from "@/shared/layouts";
@@ -11,5 +12,10 @@ export const EMPTY_LAYOUT_CONFIGURATION: LayoutConfiguration = {
       exact: true,
       component: EmptyPage,
     },
+    {
+      path: ROUTE_PATHS.PRIVACY_POLICY,
+      exact: true,
+      component: PrivacyPolicy,
+    },
   ],
 };

src/pages/PrivacyPolicy/PrivacyPolicy.scss

@@ -0,0 +1,38 @@
+@import "../../styles/sizes";
+
+.container-pdf {
+  width: 100%;
+  height: 100%;
+  background-color: #525659;
+  display: flex;
+}
+
+.preview-pdf {
+  margin: auto;
+  border-radius: 0.625rem;
+  max-height: 70%;
+  max-width: 80%;
+
+  @include phone {
+    max-width: unset;
+    width: unset !important;
+    max-height: unset !important;
+    height: unset !important;
+  }
+
+  .react-pdf__Page canvas {
+    max-width: 100%;
+    width: fit-content !important;
+    max-height: 90vh !important;
+    height: fit-content !important;
+    margin-bottom: 0.25rem;
+
+
+    @include phone {
+      max-width: unset;
+      width: unset !important;
+      max-height: unset !important;
+      height: unset !important;
+    }
+  }
+}

src/pages/PrivacyPolicy/PrivacyPolicy.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Document, Page } from "react-pdf/dist/esm/entry.webpack5";
+import "./PrivacyPolicy.scss";
+
+export function PrivacyPolicy() {
+  return (
+    <div className="container-pdf">
+      <Document
+        className="preview-pdf"
+        file="http://localhost:3000/privacy_policy.pdf"
+      >
+        <Page pageNumber={1} />
+        <Page pageNumber={2} />
+        <Page pageNumber={3} />
+        <Page pageNumber={4} />
+        <Page pageNumber={5} />
+      </Document>
+    </div>
+  );
+}

src/pages/PrivacyPolicy/index.ts

@@ -0,0 +1 @@
+export * from "./PrivacyPolicy"

src/shared/constants/routePaths.tsx

@@ -44,4 +44,5 @@ export enum ROUTE_PATHS {
   SAVE_SAADIA = "/save-saadia",
   V04_INBOX = "/inbox-v04",
   INBOX = "/inbox",
+  PRIVACY_POLICY = "/privacy-policy",
 }