update flashbar demo

cloudscape-design · Oct 11, 2024 · cfebb2b · cfebb2b
1 parent 936684e
commit cfebb2b
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/pages/app-layout/utils/content-blocks.tsx b/pages/app-layout/utils/content-blocks.tsx
@@ -66,18 +66,15 @@ export function Navigation() {
 
 export function Notifications() {
   const [visible, setVisible] = useState(true);
-  const notifications: Array<FlashbarProps.MessageDefinition> = [];
-  if (visible) {
-    notifications.push({
-      type: 'success',
-      header: 'Success message',
-      statusIconAriaLabel: 'success',
-      dismissLabel: 'Dismiss notification',
-      dismissible: true,
-      onDismiss: () => setVisible(false),
-    });
-  }
-  return <Flashbar items={notifications} />;
+  const demoNotification: FlashbarProps.MessageDefinition = {
+    type: 'success',
+    header: 'Success message',
+    statusIconAriaLabel: 'success',
+    dismissLabel: 'Dismiss notification',
+    dismissible: true,
+    onDismiss: () => setVisible(false),
+  };
+  return <Flashbar items={visible ? [demoNotification] : []} />;
 }
 
 export function Footer({ legacyConsoleNav }: { legacyConsoleNav: boolean }) {