update notification example snap and test-snaps

Author: hmalik88

packages/examples/packages/notifications/src/index.ts packages/examples/packages/notifications/src/index.tsx

@@ -1,5 +1,6 @@
 import { MethodNotFoundError, NotificationType } from '@metamask/snaps-sdk';
 import type { OnRpcRequestHandler } from '@metamask/snaps-sdk';
+import { Box, Row, Address } from '@metamask/snaps-sdk/jsx';
 
 /**
  * Handle incoming JSON-RPC requests from the dapp, sent through the
@@ -39,6 +40,28 @@ export const onRpcRequest: OnRpcRequestHandler = async ({ request }) => {
         },
       });
 
+    case 'inApp-expanded':
+      return await snap.request({
+        method: 'snap_notify',
+        params: {
+          type: NotificationType.InApp,
+          message: 'Hello from MetaMask, click here for an expanded view!',
+          title: 'Hello World!',
+          content: (
+            <Box>
+              <Row
+                label="From"
+                variant="warning"
+                tooltip="This address has been deemed dangerous."
+              >
+                <Address address="0x1234567890123456789012345678901234567890" />
+              </Row>
+            </Box>
+          ),
+          footerLink: { text: 'Go home', href: 'metamask://client/' },
+        },
+      });
+
     default:
       // eslint-disable-next-line @typescript-eslint/no-throw-literal
       throw new MethodNotFoundError({ method: request.method });

packages/test-snaps/src/features/snaps/notifications/Notifications.tsx

@@ -31,15 +31,20 @@ export const Notifications: FunctionComponent = () => {
     >
       <ButtonGroup>
         <Button
-          variant="primary"
           id="sendInAppNotification"
           disabled={isLoading}
           onClick={handleClick('inApp')}
         >
           Send In-App Notification
         </Button>
         <Button
-          variant="secondary"
+          id="sendExpandedViewNotification"
+          disabled={isLoading}
+          onClick={handleClick('inApp-extended')}
+        >
+          Send In-App Notification With Expanded View
+        </Button>
+        <Button
           id="sendNativeNotification"
           disabled={isLoading}
           onClick={handleClick('native')}