[FEATURE][86dqm7ndu] Add experience with cannabis (#40)

* feature: add experience with cannabis and pass it to profiling form * feat: add dist files * feat: fix styles in staging and production environment
Light-it-labs · Nov 28, 2023 · 800d440 · 800d440
1 parent 24be9f8
commit 800d440
Show file tree

Hide file tree

Showing 10 changed files with 173 additions and 141 deletions.
diff --git a/apps/eo_web/dist/assets/main-03507f56.js b/apps/eo_web/dist/assets/main-03507f56.js
diff --git a/apps/eo_web/dist/assets/main-20667dcd.css → apps/eo_web/dist/assets/main-38f03bc0.css b/apps/eo_web/dist/assets/main-20667dcd.css → apps/eo_web/dist/assets/main-38f03bc0.css
diff --git a/apps/eo_web/dist/assets/main-c262923f.js b/apps/eo_web/dist/assets/main-c262923f.js
diff --git a/apps/eo_web/dist/manifest.json b/apps/eo_web/dist/manifest.json
@@ -8,17 +8,17 @@
     "src": "../../packages/ui/src/assets/avatar.svg"
   },
   "src/main.css": {
-    "file": "assets/main-20667dcd.css",
+    "file": "assets/main-38f03bc0.css",
     "src": "src/main.css"
   },
   "src/main.tsx": {
     "assets": [
       "assets/UploadFile-694e44b5.svg"
     ],
     "css": [
-      "assets/main-20667dcd.css"
+      "assets/main-38f03bc0.css"
     ],
-    "file": "assets/main-03507f56.js",
+    "file": "assets/main-c262923f.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

diff --git a/apps/eo_web/src/screens/AccountCreation.tsx b/apps/eo_web/src/screens/AccountCreation.tsx
@@ -63,6 +63,7 @@ export const AccountCreation = () => {
     setIntroQuestionSubmissionId,
     channel,
     setState,
+    setExperience,
   } = useProfilingStore((state) => state);
   // const navigate = useNavigate();
   const { eligibleEmail } = useApi();
@@ -108,6 +109,8 @@ export const AccountCreation = () => {
   useMount(() => {
     const submissionId = useParams.get("submission_id");
     const state = useParams.get("state");
+    const experience = useParams.get("experience") ?? "";
+
     if (!submissionId) {
       toast.error(
         <p>
@@ -118,6 +121,7 @@ export const AccountCreation = () => {
     } else {
       setState(state);
       setIntroQuestionSubmissionId(submissionId);
+      setExperience(experience);
     }
   });
 
@@ -133,8 +137,12 @@ export const AccountCreation = () => {
             >
               Create an Account
             </Typography>
-
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0px !important",
+              }}
+            >
               <Input
                 id={"firstName"}
                 type="text"
@@ -154,7 +162,12 @@ export const AccountCreation = () => {
                 placeholder="Last Name*"
               />
             </div>
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0px !important",
+              }}
+            >
               <Input
                 id={"email"}
                 placeholder="Email*"
@@ -176,7 +189,12 @@ export const AccountCreation = () => {
                 error={errors.password?.message}
               />
             </div>
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0px !important",
+              }}
+            >
               <Input
                 id={"phoneNumber"}
                 placeholder="Phone number*"
@@ -220,7 +238,7 @@ export const AccountCreation = () => {
                       variant="small"
                       font="regular"
                       className={tw(
-                        "font-nunito text-[11px] font-light ",
+                        "font-nunito text-[11px] font-light !leading-4",
                         errors.agreeTermsAndConditions?.message &&
                           "text-red-500",
                       )}
@@ -229,7 +247,7 @@ export const AccountCreation = () => {
                       <a
                         href="https://www.eo.care/web/terms-of-use"
                         target="_blank"
-                        className="underline"
+                        className="!font-nunito !text-[11px] !font-light !leading-4 underline"
                         rel="noreferrer"
                       >
                         Terms of Service
@@ -238,7 +256,7 @@ export const AccountCreation = () => {
                       <a
                         href="https://www.eo.care/web/privacy-policy"
                         target="_blank"
-                        className="underline"
+                        className="!font-nunito !text-[11px] !font-light !leading-4 underline"
                         rel="noreferrer"
                       >
                         Privacy Policy{" "}

diff --git a/apps/eo_web/src/screens/Cancer/Profiling.tsx b/apps/eo_web/src/screens/Cancer/Profiling.tsx
@@ -12,15 +12,15 @@ import { useProfilingStore } from "~/stores/useProfilingStore";
 
 
 export const Profiling = () => {
-  const { type, symptoms, state, usePayment, origin } = useProfilingStore(
-    (state) => state,
-  );
+  const { type, symptoms, state, usePayment, origin, experience } =
+    useProfilingStore((state) => state);
 
   const searchParam = new URLSearchParams({
     states: state ?? "",
     symptoms: symptoms.join(","),
     payment: usePayment ? "yes" : "no",
     origin,
+    experience,
   });
 
   const navigate = useNavigate();

diff --git a/apps/eo_web/src/screens/Senior/Profiling.tsx b/apps/eo_web/src/screens/Senior/Profiling.tsx
@@ -9,14 +9,14 @@ import { useProfilingStore } from "~/stores/useProfilingStore";
 
 
 export const Profiling = () => {
-  const { type, symptoms, state, usePayment, origin } = useProfilingStore(
-    (state) => state,
-  );
+  const { type, symptoms, state, usePayment, origin, experience } =
+    useProfilingStore((state) => state);
   const searchParam = new URLSearchParams({
     states: state ?? "",
     symptoms: symptoms.join(","),
     payment: usePayment ? "yes" : "no",
     origin,
+    experience,
   });
   const navigate = useNavigate();
 

diff --git a/apps/eo_web/src/screens/UserRolSelector.tsx b/apps/eo_web/src/screens/UserRolSelector.tsx
@@ -26,7 +26,7 @@ export const UserRolSelector = () => {
   const redirectForm = (type: Type) => {
     const channel = searchParams.get("channel") as Channel;
     const symptoms = searchParams.get("symptoms") ?? "";
-    const origin = searchParams.get("origin") ?? "http://localhost:5173";
+    const origin = searchParams.get("origin") ?? "localhost:5173";
 
     setOrigin(origin);
     setSymptoms(symptoms.split(","));

diff --git a/apps/eo_web/src/stores/useProfilingStore.ts b/apps/eo_web/src/stores/useProfilingStore.ts
@@ -27,6 +27,7 @@ export interface ProfilingStore {
   introQuestionSubmissionId?: string | null;
   usePayment: boolean;
   origin: string;
+  experience: string;
   account: Account;
   setAccountData: (account: Account) => void;
   setChannel: (channel: Channel) => void;
@@ -37,6 +38,7 @@ export interface ProfilingStore {
   setUsePayment: (usePayment: boolean) => void;
   resetProfilingStore: () => void;
   setOrigin: (origin: string) => void;
+  setExperience: (experience: string) => void;
 }
 
 const defaultState = {
@@ -46,6 +48,7 @@ const defaultState = {
   symptoms: [],
   state: null,
   origin: "",
+  experience: "",
   account: {
     email: "",
     password: "",
@@ -88,6 +91,9 @@ export const useProfilingStore = create<ProfilingStore>()(
       setOrigin: (origin: string) => {
         set({ origin });
       },
+      setExperience: (experience: string) => {
+        set({ experience });
+      },
       ...defaultState,
     }),
     {

diff --git a/packages/ui/src/form/Input.tsx b/packages/ui/src/form/Input.tsx
@@ -49,7 +49,7 @@ export const Input = forwardRef(
     const [showPassword, setShowPassword] = useState(false);
 
     return (
-      <div style={style} className={tw("relative ", containerClassName)}>
+      <div style={style} className={tw("relative", containerClassName)}>
         {!!label && <Label htmlFor={id} className="" label={label} />}
         <div
           className={tw(
@@ -58,7 +58,12 @@ export const Input = forwardRef(
           )}
         >
           {(!!left || type === "password") && (
-            <div className="pointer-events-none absolute pl-3">
+            <div
+              className="pointer-events-none pl-3"
+              style={{
+                position: "absolute",
+              }}
+            >
               <IconWrapper size="sm">
                 {left || (
                   <icons.LockIcon
@@ -97,10 +102,13 @@ export const Input = forwardRef(
             <IconWrapper
               size="sm"
               className={tw(
-                "absolute right-0 flex flex-row items-center justify-center",
+                "right-0 flex flex-row items-center justify-center",
                 `w-[${rightWidth}px]`,
                 preventEventsRightIcon ? "pointer-events-none" : "",
               )}
+              style={{
+                position: "absolute",
+              }}
             >
               {right ||
                 (showPassword ? (