Merge pull request #1442 from gluestack/fix/alertd-demo

fix: alertdialogdemo
gluestack · Dec 5, 2023 · dd1bf12 · dd1bf12
2 parents dec1ecf + a012bc3
commit dd1bf12
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/example/storybook/src/overview/AllComponents/Demos/AlertDialogDemo.tsx b/example/storybook/src/overview/AllComponents/Demos/AlertDialogDemo.tsx
@@ -17,14 +17,12 @@ import {
 
 const AlertDialogDemo = () => {
   const [showAlertDialog, setShowAlertDialog] = React.useState(true);
-  const [showButton, setShowButton] = React.useState(false);
   return (
     <>
       <Button
-        display={showButton ? 'flex' : 'none'}
+        display={!showAlertDialog ? 'flex' : 'none'}
         onPress={() => {
           setShowAlertDialog(true);
-          setShowButton(false);
         }}
       >
         <ButtonText>Click me</ButtonText>
@@ -44,8 +42,8 @@ const AlertDialogDemo = () => {
             <HStack space="sm" alignItems="center">
               <Icon
                 as={CheckCircleIcon}
-                w={18}
-                h={18}
+                width={18}
+                height={18}
                 color="$success700"
                 sx={{
                   _dark: {
@@ -66,7 +64,6 @@ const AlertDialogDemo = () => {
               action="secondary"
               onPress={() => {
                 setShowAlertDialog(false);
-                setShowButton(true);
               }}
             >
               <ButtonText>Okay</ButtonText>