LF-4381 Rename ThreeDotsMenu to MeatballsMenu

LiteFarmOrg · Oct 19, 2024 · 57aef46 · 57aef46
1 parent e481190
commit 57aef46
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/packages/webapp/src/components/Animals/AnimalSingleViewHeader/index.tsx b/packages/webapp/src/components/Animals/AnimalSingleViewHeader/index.tsx
@@ -20,7 +20,7 @@ import { useTheme } from '@mui/styles';
 import { useMediaQuery } from '@mui/material';
 import Icon, { IconName } from '../../Icons';
 import TextButton from '../../Form/Button/TextButton';
-import ThreeDotsMenu from '../../Menu/ThreeDotsMenu';
+import MeatballsMenu from '../../Menu/MeatballsMenu';
 import { getAge } from '../../../util/age';
 import {
   Animal,
@@ -106,7 +106,7 @@ const ContainerWithButtons = ({
       <div className={clsx(styles.content, contentClassName)}>{children}</div>
       <div className={styles.statusAndButton}>
         {!isCompactView && isEditing ? <div>{t('common:EDITING')}</div> : null}
-        <ThreeDotsMenu
+        <MeatballsMenu
           options={options}
           classes={{ button: isEditing ? styles.editingStatusButton : '' }}
         />

diff --git a/...c/components/Menu/ThreeDotsMenu/index.tsx → ...c/components/Menu/MeatballsMenu/index.tsx b/...c/components/Menu/ThreeDotsMenu/index.tsx → ...c/components/Menu/MeatballsMenu/index.tsx
@@ -19,12 +19,12 @@ import FloatingMenu from '../FloatingButtonMenu/FloatingMenu';
 import DropdownButton from '../../Form/DropDownButton';
 import styles from './styles.module.scss';
 
-export type ThreeDotsMenuProps = {
+export type MeatballsMenuProps = {
   classes?: { button?: string };
   options: { label: ReactNode; onClick: () => void }[];
 };
 
-const ThreeDotsMenu = ({ options, classes }: ThreeDotsMenuProps) => {
+const MeatballsMenu = ({ options, classes }: MeatballsMenuProps) => {
   return (
     <DropdownButton
       type={'v2'}
@@ -45,4 +45,4 @@ const ThreeDotsMenu = ({ options, classes }: ThreeDotsMenuProps) => {
   );
 };
 
-export default ThreeDotsMenu;
+export default MeatballsMenu;
diff --git a/...nts/Menu/ThreeDotsMenu/styles.module.scss → ...nts/Menu/MeatballsMenu/styles.module.scss b/...nts/Menu/ThreeDotsMenu/styles.module.scss → ...nts/Menu/MeatballsMenu/styles.module.scss
diff --git a/...u/ThreeDotsMenu/ThreeDotsMenu.stories.tsx → ...u/MeatballsMenu/MeatballsMenu.stories.tsx b/...u/ThreeDotsMenu/ThreeDotsMenu.stories.tsx → ...u/MeatballsMenu/MeatballsMenu.stories.tsx
@@ -14,11 +14,11 @@
  */
 import { Meta, StoryObj } from '@storybook/react';
 import Icon from '../../../components/Icons';
-import ThreeDotsMenu, { ThreeDotsMenuProps } from '../../../components/Menu/ThreeDotsMenu';
+import MeatballsMenu, { MeatballsMenuProps } from '../../../components/Menu/MeatballsMenu';
 
-const meta: Meta<ThreeDotsMenuProps> = {
-  title: 'Components/Menu/ThreeDotsMenu',
-  component: ThreeDotsMenu,
+const meta: Meta<MeatballsMenuProps> = {
+  title: 'Components/Menu/MeatballsMenu',
+  component: MeatballsMenu,
   decorators: [
     (story) => {
       return (
@@ -29,7 +29,7 @@ const meta: Meta<ThreeDotsMenuProps> = {
 };
 export default meta;
 
-type Story = StoryObj<typeof ThreeDotsMenu>;
+type Story = StoryObj<typeof MeatballsMenu>;
 
 export const Primary: Story = {
   args: {