chore: fixed tooltip position for routing form (calcom#19267)

* fixed tooltip position for routing form * fixed offset
nayan-bagale · Feb 18, 2025 · 412e0eb · 412e0eb
1 parent c10dbad
commit 412e0eb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
@@ -1993,7 +1993,7 @@
   "delete_form_action": "Yes, delete Form",
   "delete_form_confirmation": "Anyone who you've shared the link with will no longer be able to access it.",
   "delete_form_confirmation_2": "All associated responses will be deleted.",
-  "typeform_redirect_url_copied": "Typeform Redirect URL copied! You can go and set the URL in Typeform form.",
+  "typeform_redirect_url_copied": "Redirect URL copied! You can go and set the URL in your own form.",
   "modifications_in_fields_warning": "Modifications in fields and routes of following forms will be reflected in this form.",
   "connected_forms": "Connected Forms",
   "form_modifications_warning": "Following forms would be affected when you modify fields or routes here.",
@@ -2856,6 +2856,7 @@
   "routing_form_insights_booking_status": "Booking Status",
   "routing_form_insights_booking_at": "Booking At",
   "routing_form_insights_submitted_at": "Submitted At",
+  "copy_redirect_url": "Copy Redirect URL",
   "total_bookings_per_period": "Total Bookings per period",
   "routed_to_per_period": "Routed to per period",
   "per_day": "Per day",

diff --git a/packages/app-store/routing-forms/components/SingleForm.tsx b/packages/app-store/routing-forms/components/SingleForm.tsx
@@ -80,7 +80,7 @@ const Actions = ({
         <VerticalDivider />
       </div>
       <ButtonGroup combined containerProps={{ className: "hidden md:inline-flex items-center" }}>
-        <Tooltip content={t("preview")}>
+        <Tooltip sideOffset={4} content={t("preview")} side="bottom">
           <FormAction
             routingForm={form}
             color="secondary"
@@ -100,9 +100,9 @@ const Actions = ({
           type="button"
           StartIcon="link"
           tooltip={t("copy_link_to_form")}
+          tooltipSide="bottom"
         />
-
-        <Tooltip content={t("download_responses")}>
+        <Tooltip sideOffset={4} content={t("download_responses")} side="bottom">
           <FormAction
             data-testid="download-responses"
             routingForm={form}
@@ -120,6 +120,7 @@ const Actions = ({
           variant="icon"
           StartIcon="code"
           tooltip={t("embed")}
+          tooltipSide="bottom"
         />
         <DropdownMenuSeparator />
         <FormAction
@@ -131,6 +132,7 @@ const Actions = ({
           color="secondary"
           type="button"
           tooltip={t("delete")}
+          tooltipSide="bottom"
         />
         {typeformApp?.isInstalled ? (
           <FormActionsDropdown>
@@ -141,7 +143,7 @@ const Actions = ({
               color="minimal"
               type="button"
               StartIcon="link">
-              {t("Copy Typeform Redirect Url")}
+              {t("copy_redirect_url")}
             </FormAction>
           </FormActionsDropdown>
         ) : null}