From 067d16360789ac92b6597b2cde6086a87d74a4da Mon Sep 17 00:00:00 2001
From: "staging-devin-ai-integration[bot]"
 <166158716+staging-devin-ai-integration[bot]@users.noreply.github.com>
Date: Thu, 20 Jun 2024 19:25:17 +0000
Subject: [PATCH] Add button to UnconnectedAccountAlert story for manual
 trigger

---
 .../unconnected-account-alert.stories.tsx           | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/ui/components/app/alerts/unconnected-account-alert/unconnected-account-alert.stories.tsx b/ui/components/app/alerts/unconnected-account-alert/unconnected-account-alert.stories.tsx
index 454841297987..dba3933f2450 100644
--- a/ui/components/app/alerts/unconnected-account-alert/unconnected-account-alert.stories.tsx
+++ b/ui/components/app/alerts/unconnected-account-alert/unconnected-account-alert.stories.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import UnconnectedAccountAlert from './unconnected-account-alert';
 
@@ -24,7 +24,16 @@ export default meta;
 type Story = StoryObj<typeof UnconnectedAccountAlert>;
 
 export const DefaultStory: Story = {
-  render: () => <UnconnectedAccountAlert />,
+  render: () => {
+    const [showAlert, setShowAlert] = useState(false);
+
+    return (
+      <div>
+        <button onClick={() => setShowAlert(true)}>Show Alert</button>
+        {showAlert && <UnconnectedAccountAlert />}
+      </div>
+    );
+  },
 };
 
 DefaultStory.storyName = 'Default';