Remove dosage from TimelineNode component

src/CAREUI/display/Timeline.tsx

@@ -10,7 +10,6 @@ export interface TimelineEvent<TType = string> {
   by: PerformedByModel | undefined;
   icon: IconName;
   notes?: string;
-  dosage?: string;
   cancelled?: boolean;
 }
 
@@ -100,7 +99,6 @@ export const TimelineNode = (props: TimelineNodeProps) => {
         </div>
 
         <div className="flex w-full flex-col items-start gap-y-2 pl-10">
-          <TimelineNodeDosage>{props.event.dosage}</TimelineNodeDosage>
           <TimelineNodeNotes>{props.event.notes}</TimelineNodeNotes>
           {props.children}
         </div>
@@ -158,19 +156,3 @@ export const TimelineNodeNotes = ({
     </div>
   );
 };
-
-export const TimelineNodeDosage = ({
-  children,
-  icon = "l-capsule",
-}: TimelineNodeNotesProps) => {
-  if (!children) {
-    return;
-  }
-
-  return (
-    <div className="flex w-full items-start gap-2 rounded-md p-3 ring-1 ring-inset ring-gray-200">
-      <CareIcon icon={icon} className="text-lg text-gray-700" />
-      <div className="mt-1 flex-auto text-xs text-gray-700">{children}</div>
-    </div>
-  );
-};

src/Components/Medicine/PrescrpitionTimeline.tsx

@@ -119,8 +119,9 @@ const MedicineAdministeredNode = ({
         name="medicine"
         event={event}
         className={classNames(event.cancelled && "opacity-70")}
-        // TODO: to add administered dosage when Titrated Prescriptions are implemented
-        titleSuffix={`administered the medicine at ${formatTime(
+        titleSuffix={`administered ${
+          event.administration.dosage
+        } dose of the medicine at ${formatTime(
           event.administration.administered_date
         )}.`}
         actions={
@@ -211,7 +212,6 @@ const compileEvents = (
         by: administration.administered_by,
         cancelled: !!administration.archived_on,
         administration,
-        dosage: administration.dosage,
         notes: administration.notes,
       });
     });