Fix mobile reschedule actions (#2534)

apps/web/components/booking/BookingListItem.tsx

@@ -87,11 +87,13 @@ function BookingListItem(booking: BookingItem) {
       actions: [
         {
           id: "edit",
+          icon: ClockIcon,
           label: t("edit_booking"),
           href: `/reschedule/${booking.uid}`,
         },
         {
           id: "reschedule_request",
+          icon: ClockIcon,
           label: t("send_reschedule_request"),
           onClick: () => setIsOpenRescheduleDialog(true),
         },

apps/web/components/ui/TableActions.tsx

@@ -52,6 +52,12 @@ const DropdownActions = ({ actions, actionTrigger }: { actions: ActionType[]; ac
 };
 
 const TableActions: FC<Props> = ({ actions }) => {
+  const mobileActions = actions.flatMap((action) => {
+    if (action.actions) {
+      return action.actions;
+    }
+    return action;
+  });
   return (
     <>
       <div className="hidden space-x-2 rtl:space-x-reverse lg:block">
@@ -72,12 +78,11 @@ const TableActions: FC<Props> = ({ actions }) => {
           if (!action.actions) {
             return button;
           }
-
           return <DropdownActions key={action.id} actions={action.actions} actionTrigger={button} />;
         })}
       </div>
       <div className="inline-block text-left lg:hidden">
-        <DropdownActions actions={actions} />
+        <DropdownActions actions={mobileActions} />
       </div>
     </>
   );

apps/web/public/static/locales/en/common.json

@@ -760,7 +760,7 @@
   "reschedule_request_sent": "Reschedule request sent",
   "reschedule_modal_description": "This will cancel the scheduled meeting, notify the scheduler and ask them to pick a new time.",
   "reason_for_reschedule_request": "Reason for reschedule request",
-  "send_reschedule_request": "Send reschedule request",
+  "send_reschedule_request": "Request reschedule ",
   "edit_booking": "Edit booking",
   "reschedule_booking": "Reschedule booking",
   "former_time": "Former time"

packages/ui/Dropdown.tsx

@@ -29,7 +29,7 @@ export const DropdownMenuContent = forwardRef<HTMLDivElement, DropdownMenuConten
       <DropdownMenuPrimitive.Content
         portalled={props.portalled}
         {...props}
-        className={`z-10 mt-1 -ml-0 w-48 origin-top-right rounded-sm bg-white text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none`}
+        className={`w-50 z-10 mt-1 -ml-0 origin-top-right rounded-sm bg-white text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none`}
         ref={forwardedRef}>
         {children}
       </DropdownMenuPrimitive.Content>