refactor: rename tooltipContent to tooltip

Author: tyler-dane

packages/web/src/views/Forms/ActionsMenu/MenuItem.tsx

@@ -15,12 +15,12 @@ export interface MenuItemProps
    * (`"Delete"`) or a combo as a key array (`["Mod", "D"]`). If omitted (or
    * empty), the tooltip is disabled.
    */
-  tooltipContent?: string | string[];
+  tooltip?: string | string[];
   bgColor: string;
 }
 
 const MenuItem: React.FC<MenuItemProps> = ({
-  tooltipContent,
+  tooltip,
   children,
   onClick,
   bgColor,
@@ -91,7 +91,7 @@ const MenuItem: React.FC<MenuItemProps> = ({
   );
 
   // No keys to show -> render the bare button (no empty tooltip surface).
-  if (!tooltipContent || tooltipContent.length === 0) {
+  if (!tooltip || tooltip.length === 0) {
     return button;
   }
 
@@ -103,7 +103,7 @@ const MenuItem: React.FC<MenuItemProps> = ({
     >
       <TooltipTrigger asChild>{button}</TooltipTrigger>
       <TooltipContent>
-        <ShortcutKeys keys={tooltipContent} />
+        <ShortcutKeys keys={tooltip} />
       </TooltipContent>
     </Tooltip>
   );

packages/web/src/views/Forms/EventForm/DeleteMenuButton.tsx

@@ -13,7 +13,7 @@ export const DeleteMenuButton: React.FC<Props> = ({ onClick, bgColor }) => {
       onClick={onClick}
       aria-label="Delete Event"
       bgColor={bgColor}
-      tooltipContent="Delete"
+      tooltip="Delete"
     >
       <Trash size={16} />
       <span>Delete</span>

packages/web/src/views/Forms/EventForm/DuplicateMenuButton.tsx

@@ -18,7 +18,7 @@ export const DuplicateMenuButton: React.FC<Props> = ({
       onClick={onClick}
       aria-label={label}
       bgColor={bgColor}
-      tooltipContent={["Mod", "D"]}
+      tooltip={["Mod", "D"]}
     >
       <Copy size={16} />
       <span>{label}</span>

packages/web/src/views/Forms/EventForm/MigrateAboveMenuButton.tsx

@@ -18,7 +18,7 @@ export const MigrateAboveMenuButton: React.FC<Props> = ({
       onClick={onClick}
       aria-label={tooltipText}
       bgColor={bgColor}
-      tooltipContent={["Control", "Meta", "ArrowUp"]}
+      tooltip={["Control", "Meta", "ArrowUp"]}
     >
       <ArrowUpIcon size={14} />
       <span>{tooltipText}</span>

packages/web/src/views/Forms/EventForm/MigrateBackwardMenuButton.tsx

@@ -18,7 +18,7 @@ export const MigrateBackwardMenuButton: React.FC<Props> = ({
       onClick={onClick}
       aria-label={tooltipText}
       bgColor={bgColor}
-      tooltipContent={["Control", "Meta", "ArrowLeft"]}
+      tooltip={["Control", "Meta", "ArrowLeft"]}
     >
       <ArrowLeftIcon size={14} />
       <span>{tooltipText}</span>

packages/web/src/views/Forms/EventForm/MigrateBelowMenuButton.tsx

@@ -18,7 +18,7 @@ export const MigrateBelowMenuButton: React.FC<Props> = ({
       onClick={onClick}
       aria-label={tooltipText}
       bgColor={bgColor}
-      tooltipContent={["Control", "Meta", "ArrowDown"]}
+      tooltip={["Control", "Meta", "ArrowDown"]}
     >
       <ArrowDownIcon size={14} />
       <span>{tooltipText}</span>

packages/web/src/views/Forms/EventForm/MigrateForwardMenuButton.tsx

@@ -18,7 +18,7 @@ export const MigrateForwardMenuButton: React.FC<Props> = ({
       onClick={onClick}
       aria-label={tooltipText}
       bgColor={bgColor}
-      tooltipContent={["Control", "Meta", "ArrowRight"]}
+      tooltip={["Control", "Meta", "ArrowRight"]}
     >
       <ArrowRightIcon size={14} />
       <span>{tooltipText}</span>

packages/web/src/views/Forms/EventForm/MoveToSidebarMenuButton.tsx

@@ -18,7 +18,7 @@ export const MoveToSidebarMenuButton: React.FC<Props> = ({
       bgColor={bgColor}
       onClick={onClick}
       aria-label={label}
-      tooltipContent={["Control", "Meta", "ArrowLeft"]}
+      tooltip={["Control", "Meta", "ArrowLeft"]}
     >
       <ArrowLeftIcon size={14} />
       <span>{label}</span>