[FEATURE][CU-86dt9rm1y] [PARTNER] Add legal disclaimer in CSC footer

apps/eo_web/dist/manifest.json

@@ -8,17 +8,17 @@
     "src": "../../packages/ui/src/assets/avatar.svg"
   },
   "src/main.css": {
-    "file": "assets/main-c3cb43dc.css",
+    "file": "assets/main-307f47b9.css",
     "src": "src/main.css"
   },
   "src/main.tsx": {
     "assets": [
       "assets/UploadFile-694e44b5.svg"
     ],
     "css": [
-      "assets/main-c3cb43dc.css"
+      "assets/main-307f47b9.css"
     ],
-    "file": "assets/main-7c1f564f.js",
+    "file": "assets/main-1c9a5019.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

apps/eo_web/src/layouts/Footer.tsx

@@ -1,61 +1,85 @@
 import React from "react";
 
 import { Typography, icons } from "@eo/ui";
-import { type Flows } from "~/stores/useProfilingStore";
+
+import { Flows } from "~/stores/useProfilingStore";
+
+
 type FlowsTypes = keyof typeof Flows;
 
 interface FooterProps {
   flow: FlowsTypes;
 }
 
 const basicData = [
-  { title: 'Terms of use', url: 'https://eo.care/web/terms-of-use' },
-  { title: 'Privacy Policy', url: 'https://eo.care/web/privacy-policy' },
-  { title: 'Visit eo.care', url: 'https://eo.care/web/home' }
-]
+  { title: "Terms of use", url: "https://eo.care/web/terms-of-use" },
+  { title: "Privacy Policy", url: "https://eo.care/web/privacy-policy" },
+  { title: "Visit eo.care", url: "https://eo.care/web/home" },
+];
 
 const c_org = [
-  { title: 'About EO', url: 'https://partner.eo.care/c-org/about' },
-  ...basicData
-]
+  { title: "About EO", url: "https://partner.eo.care/c-org/about" },
+  ...basicData,
+];
 
 const cancer_pilot = [
-  { title: 'About EO', url: 'https://partner.eo.care/cancer/about' },
-  ...basicData
-]
+  { title: "About EO", url: "https://partner.eo.care/cancer/about" },
+  ...basicData,
+];
 
 const inova = [
-  { title: 'About EO', url: 'https://partner.eo.care/inova/about' },
-  ...basicData
-]
+  { title: "About EO", url: "https://partner.eo.care/inova/about" },
+  ...basicData,
+];
 
 const twist_out_cancer = [
-  { title: 'About EO', url: 'https://partner.eo.care/twist-out-cancer/about' },
-  { title: 'Cannabis 101', url: 'https://partner.eo.care/twist-out-cancer/cannabis-101' },
-  ...basicData
-]
+  { title: "About EO", url: "https://partner.eo.care/twist-out-cancer/about" },
+  {
+    title: "Cannabis 101",
+    url: "https://partner.eo.care/twist-out-cancer/cannabis-101",
+  },
+  ...basicData,
+];
 
 const cancer_support_community = [
-  { title: 'About EO', url: 'https://partner.eo.care/cancer-support-community/about' },
-  { title: 'Cannabis 101', url: 'https://partner.eo.care/cancer-support-community/cancer-101' },
-  ...basicData
-]
+  {
+    title: "About EO",
+    url: "https://partner.eo.care/cancer-support-community/about",
+  },
+  {
+    title: "Cannabis 101",
+    url: "https://partner.eo.care/cancer-support-community/cancer-101",
+  },
+  ...basicData,
+];
 
 const employer_center = [
-  { title: 'About EO', url: 'https://partner.eo.care/employers/about' },
-  ...basicData
+  { title: "About EO", url: "https://partner.eo.care/employers/about" },
+  ...basicData,
 ];
 
 const resource_center_1 = [
-  { title: 'About EO', url: 'https://partner.eo.care/cannabis-resource-center-1/about' },
-  { title: 'Cannabis 101', url: 'https://partner.eo.care/cannabis-resource-center-1/cannabis-101' },
-  ...basicData
+  {
+    title: "About EO",
+    url: "https://partner.eo.care/cannabis-resource-center-1/about",
+  },
+  {
+    title: "Cannabis 101",
+    url: "https://partner.eo.care/cannabis-resource-center-1/cannabis-101",
+  },
+  ...basicData,
 ];
 
 const resource_center_2 = [
-  { title: 'About EO', url: 'https://partner.eo.care/cannabis-resource-center-2/about' },
-  { title: 'Cannabis 101', url: 'https://partner.eo.care/cannabis-resource-center-2/cannabis-101' },
-  ...basicData
+  {
+    title: "About EO",
+    url: "https://partner.eo.care/cannabis-resource-center-2/about",
+  },
+  {
+    title: "Cannabis 101",
+    url: "https://partner.eo.care/cannabis-resource-center-2/cannabis-101",
+  },
+  ...basicData,
 ];
 
 const allData = {
@@ -67,14 +91,13 @@ const allData = {
   employer_center,
   resource_center_1,
   resource_center_2,
-  inova
-}
+  inova,
+};
 
 export function Footer({ flow }: FooterProps) {
-
   return (
     <footer className="flex flex-col justify-center gap-4 bg-black px-4 py-[100px] md:flex-row md:pl-[10px] lg:pl-5">
-      <section>
+      <section className="sm:max-w-full md:max-w-[453px]">
         <icons.EoWhiteIcon
           onClick={() => {
             window.open("https://eo.care/kit", "_blank");
@@ -87,9 +110,18 @@ export function Footer({ flow }: FooterProps) {
         >
           Wise use for all.
         </Typography>
-        <Typography className="font-new-hero font-normal text-[#ababab]">
+        <Typography className="mb-[36px] font-new-hero text-[14px] font-normal text-[#ababab]">
           © 2022 All rights reserved. Patents pending. EO Care, Inc.
         </Typography>
+        {flow === Flows.cancer_support_community && (
+          <Typography className="font-new-hero text-[14px] font-normal text-[#ababab]">
+            Reference in this site to any specific commercial product, process,
+            or service, or the use of any trade, firm or corporation name is for
+            the information and convenience of the recipient, and does not
+            constitute endorsement, recommendation, or favoring by the Cancer
+            Support Community.
+          </Typography>
+        )}
       </section>
       <section className="block w-auto md:w-[100px] lg:w-[180px]"></section>
       <section className="flex flex-row justify-between">

apps/eo_web/src/layouts/FooterFull.tsx

@@ -9,7 +9,7 @@ import { Typography, icons } from "@eo/ui";
 export function FooterFull() {
   return (
     <footer className="flex flex-col justify-center gap-4 bg-black px-4 py-[100px] md:flex-row md:pl-0 lg:pl-5">
-      <section>
+      <section className="sm:max-w-full md:max-w-[453px]">
         <icons.EoWhiteIcon
           onClick={() => {
             window.open("https://eo.care/web/home", "_blank");
@@ -23,7 +23,7 @@ export function FooterFull() {
           The wise use <br className="hidden md:block" />
           cannabis company.
         </Typography>
-        <Typography className="font-new-hero text-[14px] font-normal text-[#ababab]">
+        <Typography className="mb-[36px] font-new-hero text-[14px] font-normal text-[#ababab]">
           © 2022 All rights reserved. Patents pending. EO Care, Inc.
         </Typography>
       </section>

apps/eo_web/src/screens/ProfilingThankYou.tsx

@@ -13,10 +13,10 @@ import { HowEOWorks } from "~/components/HowEOWorks";
 import { WEB_APP_URL } from "~/configs/env";
 import { useMount } from "~/hooks/useMount";
 import { LayoutDefault } from "~/layouts";
-import { ROUTES } from "~/router";
-import { Flows, useProfilingStore } from "~/stores/useProfilingStore";
 import { Footer } from "~/layouts/Footer";
 import { FooterFull } from "~/layouts/FooterFull";
+import { ROUTES } from "~/router";
+import { Flows, useProfilingStore } from "~/stores/useProfilingStore";
 
 
 export const ProfilingThankYou = () => {
@@ -88,9 +88,20 @@ export const ProfilingThankYou = () => {
       </AllDonePanel>
       <HowEOWorks pilot={flow == Flows.cancer_pilot} />
       <FAQs channel={channel ?? undefined} flow={flow} />
-      {['c_org', 'cancer_pilot', 'twist_out_cancer', 'cancer_support_community', 'employer_center', 'resource_center_1', 'resource_center_2', 'inova'].includes(flow)
-        ? <Footer flow={flow} />
-        : <FooterFull />}
+      {[
+        "c_org",
+        "cancer_pilot",
+        "twist_out_cancer",
+        "cancer_support_community",
+        "employer_center",
+        "resource_center_1",
+        "resource_center_2",
+        "inova",
+      ].includes(flow) ? (
+        <Footer flow={flow} />
+      ) : (
+        <FooterFull />
+      )}
     </LayoutDefault>
   );
 };