feat(Footer): add callback for footer more button click (#239)

Co-authored-by: kseniyakuzina <kseniyakuzina@yandex-team.ru>
gravity-ui · May 16, 2024 · 9fdf655 · 9fdf655
1 parent e25e08d
commit 9fdf655
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 14 deletions.
diff --git a/src/components/Footer/README.md b/src/components/Footer/README.md
@@ -5,16 +5,17 @@ Both components have the same properties.
 
 ### PropTypes
 
-| Property                                                                                 | Type                | Required | Default | Description                   |
-| :--------------------------------------------------------------------------------------- | :------------------ | :------: | :------ | :---------------------------- |
-| className                                                                                | `String`            |          |         | Footer class name             |
-| [menuItems](https://github.com/gravity-ui/uikit/tree/main/src/components/Menu)           | `FooterMenuItem[]`  |          |         | List of footer menu items     |
-| withDivider                                                                              | `Boolean`           |          |         | Show top border on the footer |
-| moreButtonTitle                                                                          | `String`            |          |         | The more items button title   |
-| [view](#view)                                                                            | `normal` or `clear` |          |         | The footer view               |
-| [logo](https://preview.gravity-ui.com/navigation/?path=/story/components-logo--showcase) | `LogoProps`         |          |         | The service logo properties   |
-| logoWrapperClassName                                                                     | `string`            |          |         | The logo wrapper class name   |
-| copyright                                                                                | `string`            |          |         | The copyright                 |
+| Property                                                                                 | Type                             | Required | Default | Description                   |
+| :--------------------------------------------------------------------------------------- | :------------------------------- | :------: | :------ | :---------------------------- |
+| className                                                                                | `String`                         |          |         | Footer class name             |
+| [menuItems](https://github.com/gravity-ui/uikit/tree/main/src/components/Menu)           | `FooterMenuItem[]`               |          |         | List of footer menu items     |
+| withDivider                                                                              | `Boolean`                        |          |         | Show top border on the footer |
+| moreButtonTitle                                                                          | `String`                         |          |         | The more items button title   |
+| onMoreButtonClick                                                                        | `MouseEventHandler<HTMLElement>` |          |         | The more button click handler |
+| [view](#view)                                                                            | `normal` or `clear`              |          |         | The footer view               |
+| [logo](https://preview.gravity-ui.com/navigation/?path=/story/components-logo--showcase) | `LogoProps`                      |          |         | The service logo properties   |
+| logoWrapperClassName                                                                     | `string`                         |          |         | The logo wrapper class name   |
+| copyright                                                                                | `string`                         |          |         | The copyright                 |
 
 ### view
 

diff --git a/src/components/Footer/desktop/Footer.tsx b/src/components/Footer/desktop/Footer.tsx
@@ -21,6 +21,7 @@ export const Footer: FC<FooterProps> = ({
     menuItems: providedMenuItems,
     withDivider,
     moreButtonTitle,
+    onMoreButtonClick,
     view = 'normal',
     logo,
     logoWrapperClassName,
@@ -80,6 +81,7 @@ export const Footer: FC<FooterProps> = ({
                             switcherWrapperClassName={b('more-button')}
                             popupProps={moreItemsPopupProps}
                             defaultSwitcherProps={moreButtonProps}
+                            onSwitcherClick={onMoreButtonClick}
                         />
                     )}
                 </div>

diff --git a/src/components/Footer/mobile/Footer.tsx b/src/components/Footer/mobile/Footer.tsx
@@ -21,6 +21,7 @@ export const MobileFooter: FC<FooterProps> = ({
     menuItems: providedMenuItems,
     withDivider,
     moreButtonTitle,
+    onMoreButtonClick,
     view = 'normal',
     logo,
     logoWrapperClassName,
@@ -29,9 +30,13 @@ export const MobileFooter: FC<FooterProps> = ({
     const [moreItemsMenuVisible, setMoreItemsMenuVisible] = useState(false);
     const menuContainerRef = useRef<HTMLDivElement>(null);
 
-    const handleOpenMoreItemsMenu = useCallback(() => {
-        setMoreItemsMenuVisible(true);
-    }, []);
+    const handleOpenMoreItemsMenu = useCallback(
+        (event) => {
+            setMoreItemsMenuVisible(true);
+            onMoreButtonClick?.(event);
+        },
+        [onMoreButtonClick],
+    );
 
     const handleCloseMoreItemsMenu = useCallback(() => {
         setMoreItemsMenuVisible(false);

diff --git a/src/components/Footer/types.ts b/src/components/Footer/types.ts
@@ -1,4 +1,4 @@
-import {ReactNode} from 'react';
+import {MouseEventHandler, ReactNode} from 'react';
 
 import {MenuItemProps} from '@gravity-ui/uikit';
 
@@ -13,6 +13,7 @@ export type FooterProps = {
     menuItems?: FooterMenuItem[];
     withDivider?: boolean;
     moreButtonTitle?: string;
+    onMoreButtonClick?: MouseEventHandler<HTMLElement>;
     view?: 'normal' | 'clear';
     logo?: LogoProps;
     logoWrapperClassName?: string;