-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: changes modal on header and look and fell, add new environment …
…to web app url and fix some redirections back
- Loading branch information
1 parent
33694e8
commit fba5381
Showing
12 changed files
with
174 additions
and
86 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
65 changes: 33 additions & 32 deletions
65
apps/eo_web/dist/assets/main-84dff66e.js → apps/eo_web/dist/assets/main-62613a26.js
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -9,9 +9,6 @@ import { ROUTES } from "~/router"; | |
| import { useProfileStore } from "~/stores/useProfileStore"; | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| export const Header = () => { | ||
| const profile = useProfileStore((state) => state.profile); | ||
|
|
||
|
|
@@ -39,7 +36,7 @@ export const Header = () => { | |
| viewBox="0 0 42 20" | ||
| fill="none" | ||
| onClick={() => { | ||
| window.open("https://www.eo.care/web/privacy-policy", "_blank"); | ||
| window.open("https://www.eo.care/you/privacy-policy", "_blank"); | ||
| }} | ||
| > | ||
| <path | ||
|
|
@@ -54,36 +51,34 @@ export const Header = () => { | |
| <div className="right-12 flex flex-row items-center gap-2"> | ||
| {isMobile ? ( | ||
| <> | ||
| <img | ||
| alt="Privacy and policy" | ||
| src="https://assets-global.website-files.com/6087423fbc61c1bded1c5d8e/63da9be7c173debd1e84e3c4_image%206.png" | ||
| <icons.PrivacyPolicyIcon | ||
| onClick={() => { | ||
| window.open("https://www.eo.care/web/privacy-policy", "_blank"); | ||
| window.open("https://www.eo.care/you/privacy-policy", "_blank"); | ||
| }} | ||
| ></img> | ||
| <icons.QuestionMarkCircleIcon | ||
| className="h-8 w-8 rounded-full stroke-2" | ||
| /> | ||
| <icons.MarkCircleIcon | ||
| onClick={() => setOpenModal(true)} | ||
| className="h-6 w-6 rounded-full bg-primary-900 stroke-2" | ||
| className="h-8 w-8 rounded-full" | ||
| /> | ||
| </> | ||
| ) : ( | ||
| <> | ||
| <Button | ||
| variant="tertiary-link" | ||
| onClick={() => { | ||
| window.open("https://www.eo.care/web/privacy-policy", "_blank"); | ||
| window.open("https://www.eo.care/you/privacy-policy", "_blank"); | ||
| }} | ||
| font="regular" | ||
| > | ||
| Privacy Policy | ||
| </Button> | ||
| <Button | ||
| variant="black" | ||
| left={<icons.QuestionMarkCircleIcon className="stroke-2" />} | ||
| onClick={() => setOpenModal(true)} | ||
| font="regular" | ||
| > | ||
| Need Help | ||
| Need Help? | ||
| </Button> | ||
| </> | ||
| )} | ||
|
|
@@ -96,58 +91,64 @@ export const Header = () => { | |
| </div> | ||
| {/* eslint-disable-next-line @typescript-eslint/no-empty-function */} | ||
| <Modal isOpen={openModal} onClose={() => {}} controller={setOpenModal}> | ||
| <div className="flex h-full w-full flex-col justify-center bg-white px-10 py-8 leading-[48px] md:px-12"> | ||
| <Typography variant="large" className="font-nobel mb-6 "> | ||
| {/* eslint-disable-next-line react/no-unescaped-entities */} | ||
| We're here. | ||
| <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" | ||
| > | ||
| <Typography | ||
| variant="large" | ||
| className="mb-4 text-[32px] font-bold leading-7 md:mb-6" | ||
| > | ||
| {} | ||
| We’re here. | ||
| </Typography> | ||
| <Typography | ||
| font="light" | ||
| variant="large" | ||
| className="mb-6 whitespace-normal text-[14px] leading-[18px] md:text-[22px]" | ||
| className="mb-4 whitespace-normal text-[18px] font-semibold leading-normal text-gray-800 md:mb-6 md:text-[22px]" | ||
| > | ||
| Have questions or prefer to complete these questions and set-up your | ||
| account with an eo rep? | ||
| Have questions or prefer to talk with an eo rep? | ||
| </Typography> | ||
| <ul className="list-disc pl-4"> | ||
| <li> | ||
| <Typography | ||
| variant="base" | ||
| className="mb-5 text-base font-light tracking-wide md:text-2xl" | ||
| className="text-sm font-normal leading-[26px] md:text-lg" | ||
| > | ||
| <a | ||
| href="https://calendly.com/help-eo/30min" | ||
| className="underline decoration-1 underline-offset-8" | ||
| > | ||
| <strong>Schedule a video chat</strong> | ||
| Schedule a video chat | ||
| </a>{" "} | ||
| with a member of our team. | ||
| </Typography> | ||
| </li> | ||
| <li> | ||
| <Typography | ||
| variant="base" | ||
| className="mb-5 text-base font-light tracking-wide md:text-2xl" | ||
| className="text-sm font-normal leading-[26px] md:text-lg" | ||
| > | ||
| Call{" "} | ||
| <a href="tel:877-707-0706"> | ||
| <strong className="underline decoration-1 underline-offset-8"> | ||
| 877-707-0706 | ||
| </strong> | ||
| <a | ||
| href="tel:877-707-0706" | ||
| className="underline decoration-1 underline-offset-8" | ||
| > | ||
| 877-707-0706 | ||
| </a> | ||
| </Typography> | ||
| </li> | ||
| <li> | ||
| <Typography | ||
| variant="base" | ||
| className="mb-5 text-base font-light tracking-wide md:text-2xl" | ||
| className="text-sm font-normal leading-[26px] md:text-lg" | ||
| > | ||
| Email{" "} | ||
| <a | ||
| href="mailto:[email protected]" | ||
| className="underline decoration-1 underline-offset-8" | ||
| > | ||
| <strong>[email protected]</strong> | ||
| [email protected] | ||
| </a> | ||
| </Typography> | ||
| </li> | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -6,20 +6,19 @@ import { toast } from "react-toastify"; | |
| import { Typography } from "@eo/ui"; | ||
|
|
||
| import { useApi } from "~/api/useApi"; | ||
| import { WEB_APP_URL } from "~/configs/env"; | ||
| import { useMount } from "~/hooks/useMount"; | ||
| import { LayoutDefault } from "~/layouts"; | ||
| import { ROUTES } from "~/router"; | ||
| import { useProfilingStore } from "~/stores/useProfilingStore"; | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| export const ProfilingThankYou = () => { | ||
| const [searchParams] = useSearchParams(); | ||
|
|
||
| const { account, introQuestionSubmissionId, channel, resetProfilingStore } = | ||
| useProfilingStore((state) => state); | ||
| const { account, introQuestionSubmissionId, channel } = useProfilingStore( | ||
| (state) => state, | ||
| ); | ||
| const submissionId = searchParams.get("submission_id") || ""; | ||
|
|
||
| const navigate = useNavigate(); | ||
|
|
@@ -33,9 +32,6 @@ export const ProfilingThankYou = () => { | |
| const { mutate } = useMutation({ | ||
| mutationFn: postCancerSeniorFormSubmission, | ||
| mutationKey: ["postCancerSeniorFormSubmission", submissionId], | ||
| onSuccess: () => { | ||
| resetProfilingStore(); | ||
| }, | ||
| onError: (result) => { | ||
| if (axios.isAxiosError(result)) { | ||
| if (result.response?.status !== 200) { | ||
|
|
@@ -62,27 +58,33 @@ export const ProfilingThankYou = () => { | |
| }), | ||
| ); | ||
|
|
||
| const goToWebApp = () => { | ||
| window.location.href = WEB_APP_URL; | ||
| }; | ||
|
|
||
| return ( | ||
| <LayoutDefault> | ||
| <div className="flex h-full flex-col items-center justify-center px-[20%]"> | ||
| <Typography | ||
| variant="large" | ||
| className="font-nunito text-[45px] font-bold leading-[55px]" | ||
| className="text-[45px] font-bold leading-[55px]" | ||
| > | ||
| All done! | ||
| </Typography> | ||
|
|
||
| <br /> | ||
| <Typography | ||
| variant="base" | ||
| font="regular" | ||
| className="text-center font-nunito text-[28px] font-light leading-[40px]" | ||
| className="text-center text-[22px] font-normal leading-[36px]" | ||
| > | ||
| You’ll receive your initial, personalized, clinician-approved care | ||
| care plan via email within 24 hours. <br /> | ||
| You’ll be able to review your your initial, personalized, | ||
| clinician-approved care plan within 24 hours. When you’re care plan is | ||
| ready, we will send you an email with a link to{" "} | ||
| <span className="cursor-pointer underline" onClick={goToWebApp}> | ||
| log into your account. | ||
| </span> | ||
| <br /> | ||
| If you’ve opted to receive a medical card through eo and/or take home | ||
| delivery of your products, we’ll communicate your next steps in | ||
| separate email(s) you’ll receive shortly. <br /> | ||
| <br /> | ||
| Have questions? We’re here. Email [email protected], call{" "} | ||
| <a href="tel:+1-877-707-0706">877-707-0706</a>, or schedule a free | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters