Support optional onMessagesClicked() handler for menu item (#205)

unstoppabledomains · Sep 26, 2024 · 89f1b3f · 89f1b3f
1 parent f337b70
commit 89f1b3f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@unstoppabledomains/ui-components",
-  "version": "0.0.50-browser-extension.3",
+  "version": "0.0.50-browser-extension.4",
   "private": true,
   "description": "An open and reusable suite of Unstoppable Domains management components",
   "keywords": [

diff --git a/packages/ui-components/src/components/Wallet/Header.tsx b/packages/ui-components/src/components/Wallet/Header.tsx
@@ -7,7 +7,7 @@ import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import type {Theme} from '@mui/material/styles';
-import {useTheme,styled} from '@mui/material/styles';
+import {styled, useTheme} from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import {useSnackbar} from 'notistack';
 import QueryString from 'qs';
@@ -179,6 +179,7 @@ type Props = {
   fullScreenModals?: boolean;
   onHeaderClick?: () => void;
   onSettingsClick?: () => void;
+  onMessagesClick?: () => void;
   onLogout?: () => void;
   onDisconnect?: () => void;
 };
@@ -198,6 +199,7 @@ export const Header: React.FC<Props> = ({
   onLogout,
   onDisconnect,
   onSettingsClick,
+  onMessagesClick,
 }) => {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
@@ -256,7 +258,11 @@ export const Header: React.FC<Props> = ({
   };
 
   const handleMessagingClicked = () => {
-    setOpenChat(t('push.messages'));
+    if (onMessagesClick) {
+      onMessagesClick();
+    } else {
+      setOpenChat(t('push.messages'));
+    }
     setIsMenuOpen(false);
   };
 

diff --git a/packages/ui-components/src/components/Wallet/Wallet.tsx b/packages/ui-components/src/components/Wallet/Wallet.tsx
@@ -38,6 +38,7 @@ export const Wallet: React.FC<
     onLogout?: () => void;
     onDisconnect?: () => void;
     onSettingsClick?: () => void;
+    onMessagesClick?: () => void;
     isNewUser?: boolean;
   }
 > = ({
@@ -59,6 +60,7 @@ export const Wallet: React.FC<
   onLogout,
   onDisconnect,
   onSettingsClick,
+  onMessagesClick,
   setAuthAddress,
   setButtonComponent,
 }) => {
@@ -108,6 +110,7 @@ export const Wallet: React.FC<
           onLogout={onLogout}
           onDisconnect={onDisconnect}
           onSettingsClick={onSettingsClick}
+          onMessagesClick={onMessagesClick}
           fullScreenModals={fullScreenModals}
           domain={isDomainValidForManagement(domain) ? domain : undefined}
         />