Fix: Date & Time selection box is clipping out on mobile devices (#10091

) (#10211) Co-authored-by: Kamishetty Rishith <[email protected]>
ohcnetwork · Jan 27, 2025 · c8025dc · c8025dc
1 parent 84a33f5
commit c8025dc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/components/Common/DateInputV2.tsx b/src/components/Common/DateInputV2.tsx
@@ -345,8 +345,8 @@ const DateInputV2: React.FC<Props> = ({
     const popOverX = popoverButtonRef.current?.getBoundingClientRect().x || 0;
     const popOverY = popoverButtonRef.current?.getBoundingClientRect().y || 0;
 
-    const right = popOverX > viewportWidth - (allowTime ? 420 : 300);
-    const top = popOverY > viewportHeight - 400;
+    const right = popOverX > viewportWidth - 300;
+    const top = popOverY > viewportHeight - 300;
 
     return `${right ? "sm:-translate-x-1/2" : ""} ${top ? "md:-translate-y-[calc(100%+50px)]" : ""} ${right ? "max-sm:-translate-x-1/2" : ""} ${top ? "max-sm:-translate-y-[calc(100%+50px)]" : ""}`.trim();
   };

diff --git a/src/components/Symptoms/SymptomsBuilder.tsx b/src/components/Symptoms/SymptomsBuilder.tsx
@@ -113,7 +113,6 @@ export const EncounterSymptomsBuilder = (props: {
       >
         {items.map((symptom) => {
           const handleUpdate = async (event: FieldChangeEvent<unknown>) => {
-            setIsProcessing(true);
             const { res } = await request(SymptomsApi.partialUpdate, {
               pathParams: { consultationId, external_id: symptom.id },
               body: { [event.name]: event.value },
@@ -122,7 +121,6 @@ export const EncounterSymptomsBuilder = (props: {
               props.onChange?.();
               await refetch();
             }
-            setIsProcessing(false);
           };
 
           const handleMarkAsEnteredInError = async () => {