Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE][CU-86drupbke] Update Thank You page for all cancer resource centers #106

Merged
merged 5 commits into from
Mar 8, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view

Large diffs are not rendered by default.

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions apps/eo_web/dist/manifest.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,17 +8,17 @@
"src": "../../packages/ui/src/assets/avatar.svg"
},
"src/main.css": {
"file": "assets/main-6f860111.css",
"file": "assets/main-2eb98fae.css",
"src": "src/main.css"
},
"src/main.tsx": {
"assets": [
"assets/UploadFile-694e44b5.svg"
],
"css": [
"assets/main-6f860111.css"
"assets/main-2eb98fae.css"
],
"file": "assets/main-133c6f1e.js",
"file": "assets/main-6b5e7998.js",
"isEntry": true,
"src": "src/main.tsx"
}
Expand Down
37 changes: 23 additions & 14 deletions apps/eo_web/src/components/FAQs.tsx
Original file line number Diff line number Diff line change
@@ -1,20 +1,29 @@
import { Typography } from '@eo/ui'
import React from 'react'
import { faqs, cOrgFaqs, pilotFaqs } from '~/copy/copy'
import { Collapsible } from './Collapsible'
import { type Channel } from '~/stores/useProfilingStore'
import React from "react";

import { Typography } from "@eo/ui";

import { cOrgFaqs, faqs, pilotFaqs } from "~/copy/copy";
import { type Channel } from "~/stores/useProfilingStore";
import { Collapsible } from "./Collapsible";


interface FAQsProps {
usePayment?: boolean
flow?: string
channel?: Channel
usePayment?: boolean;
flow?: string;
channel?: Channel;
}

export const FAQs = ({ usePayment = false, channel, flow }: FAQsProps) => {
const flowsWithCOrgFaqs = ["c_org", "twist_out_cancer", "resource_center_1", "resource_center_2"]
let faqList = faqs
if (flow && flowsWithCOrgFaqs.includes(flow)) faqList = cOrgFaqs
else if (channel === "cancer" && !usePayment) faqList = pilotFaqs
const flowsWithCOrgFaqs = [
"c_org",
"twist_out_cancer",
"cancer_support_community",
"resource_center_1",
"resource_center_2",
];
let faqList = faqs;
if (flow && flowsWithCOrgFaqs.includes(flow)) faqList = cOrgFaqs;
else if (channel === "cancer" && !usePayment) faqList = pilotFaqs;

return (
<section className="px-6 py-12 md:mx-0 md:my-[100px]">
Expand All @@ -37,5 +46,5 @@ export const FAQs = ({ usePayment = false, channel, flow }: FAQsProps) => {
</div>
</div>
</section>
)
}
);
};
6 changes: 3 additions & 3 deletions apps/eo_web/src/components/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ export const Header = () => {
)}
</div>
{/* eslint-disable-next-line @typescript-eslint/no-empty-function */}
<Modal isOpen={openModal} onClose={() => { }} controller={setOpenModal}>
<Modal isOpen={openModal} onClose={() => {}} controller={setOpenModal}>
<div
className="flex h-full w-full flex-col justify-center rounded-3xl bg-white px-10 py-[50px] leading-[48px]
shadow-lg md:px-[60px] md:py-20"
Expand Down Expand Up @@ -130,10 +130,10 @@ export const Header = () => {
>
Call{" "}
<a
href="tel:877-707-0706"
href="tel:888-823-6143"
className="underline decoration-1 underline-offset-8"
>
877-707-0706
888-823-6143
</a>
</Typography>
</li>
Expand Down
113 changes: 70 additions & 43 deletions apps/eo_web/src/copy/copy.tsx

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions apps/eo_web/src/layouts/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -72,10 +72,10 @@ export function Footer() {
Call:
</Typography>
<a
href="tel:877-707-0706"
href="tel:888-823-6143"
className="mb-2 pb-2 font-new-hero font-normal leading-[22px] text-white hover:underline hover:opacity-50 md:mr-2"
>
877-707-0706
888-823-6143
</a>
<Typography className="mb-0 pt-2 font-normal leading-[22px] text-white opacity-50 md:mr-2 ">
Email:
Expand Down
18 changes: 8 additions & 10 deletions apps/eo_web/src/screens/Athlete/AthleteSurveyThankYou.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,17 +6,14 @@ import { toast } from "react-toastify";
import { Typography } from "@eo/ui";

import { useApi } from "~/api/useApi";
import { useMount } from "~/hooks/useMount";
import { LayoutDefault } from "~/layouts";
import { AllDonePanel } from "~/components/AllDonePanel";
import { HowEOWorks } from "~/components/HowEOWorks";
import { FAQs } from "~/components/FAQs";
import { HowEOWorks } from "~/components/HowEOWorks";
import { useMount } from "~/hooks/useMount";
import { LayoutDefault } from "~/layouts";
import { FooterFull } from "~/layouts/FooterFull";





export const AthleteSurveyThankYou = () => {
const [searchParams] = useSearchParams();

Expand Down Expand Up @@ -52,21 +49,22 @@ export const AthleteSurveyThankYou = () => {
<Typography
variant="base"
font="regular"
className="text-center text-[22px] font-normal leading-[36px] max-w-xl"
className="max-w-xl text-center text-[22px] font-normal leading-[36px]"
>
We received your feedback! <br />
<br />
Thank you! <br />
<br />
Have questions? We’re here. Email [email protected], call <a href="tel:+1-877-707-0706">877-707-0706</a>, or {" "}
Have questions? We’re here. Email [email protected], call{" "}
<a href="tel:+1-888-823-6143">888-823-6143</a>, or{" "}
<a
className="cursor-pointer font-new-hero text-[22px] underline"
href="https://calendly.com/eo-care/30min?back=1"
target="_blank"
>
schedule a video chat
</a>
{" "}with a member of our team.
</a>{" "}
with a member of our team.
</Typography>
</AllDonePanel>
<HowEOWorks />
Expand Down
6 changes: 3 additions & 3 deletions apps/eo_web/src/screens/Cancer/CancerSurveyThankYou.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -61,15 +61,15 @@ export const CancerSurveyThankYou = () => {
Thank you! <br />
<br />
Have questions? We’re here. Email [email protected], call{" "}
<a href="tel:+1-877-707-0706">877-707-0706</a>, or{" "}
<a href="tel:+1-888-823-6143">888-823-6143</a>, or{" "}
<a
className="cursor-pointer font-new-hero text-[22px] underline"
href="https://calendly.com/eo-care/30min?back=1"
target="_blank"
>
schedule a video chat
</a>
{" "}with a member of our team.
</a>{" "}
with a member of our team.
</Typography>
</AllDonePanel>
<HowEOWorks pilot={!usePayment} />
Expand Down
10 changes: 4 additions & 6 deletions apps/eo_web/src/screens/PrePlanV2.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,6 @@ import { getImageForForm } from "~/helpers/PrePlan";
import { LayoutDefault } from "~/layouts";





export const PrePlanV2 = () => {
const [searchParams] = useSearchParams();

Expand Down Expand Up @@ -247,7 +244,7 @@ export const PrePlanV2 = () => {
<br />
<br />
You can reach our customer support team by calling the
following phone number: 877-707-0706. Our representatives
following phone number: 888-823-6143. Our representatives
will be delighted to assist you and address any inquiries
you may have. Alternatively, you can also send us an email
at [email protected]. Our support team regularly checks this
Expand Down Expand Up @@ -291,8 +288,9 @@ export const PrePlanV2 = () => {
}
className="mx-auto my-3"
onClick={() => {
window.location.href = `/${union}/profile-onboarding?malady=${jotformAnswers?.malady || "Pain"
}&union=${union}`;
window.location.href = `/${union}/profile-onboarding?malady=${
jotformAnswers?.malady || "Pain"
}&union=${union}`;
}}
>
<Typography font="medium">Redirect</Typography>
Expand Down
14 changes: 9 additions & 5 deletions apps/eo_web/src/screens/ProfilingThankYou.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -87,19 +87,23 @@ export const ProfilingThankYou = () => {
<br />
<br />
Have questions? We’re here. Email [email protected], call{" "}
<a href="tel:+1-877-707-0706">877-707-0706</a>, or{" "}
<a href="tel:+1-888-823-6143">888-823-6143</a>, or{" "}
<a
className="cursor-pointer font-new-hero text-[22px] underline"
href="https://calendly.com/eo-care/30min?back=1"
target="_blank"
>
schedule a video chat
</a>
{" "}with a member of our team.
</a>{" "}
with a member of our team.
</Typography>
</AllDonePanel>
<HowEOWorks pilot={channel === "cancer" && !usePayment} />
<FAQs channel={channel ?? undefined} flow={flow} usePayment={usePayment} />
<HowEOWorks pilot={flow == "cancer_pilot"} />
<FAQs
channel={channel ?? undefined}
flow={flow}
usePayment={usePayment}
/>
<FooterFull />
</LayoutDefault>
);
Expand Down
6 changes: 3 additions & 3 deletions apps/eo_web/src/screens/Senior/SeniorSurveyThankYou.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -58,15 +58,15 @@ export const SeniorSurveyThankYou = () => {
Thank you! <br />
<br />
Have questions? We’re here. Email [email protected], call{" "}
<a href="tel:+1-877-707-0706">877-707-0706</a>, or{" "}
<a href="tel:+1-888-823-6143">888-823-6143</a>, or{" "}
<a
className="cursor-pointer font-new-hero text-[22px] underline"
href="https://calendly.com/eo-care/30min?back=1"
target="_blank"
>
schedule a video chat
</a>
{" "}with a member of our team.
</a>{" "}
with a member of our team.
</Typography>
</AllDonePanel>
<HowEOWorks />
Expand Down
Loading