chore: fix Panel Confirm Dismiss example to properly restore focus after panel closes

micahgodbolt · micahgodbolt · commit 0674bf0946ec · 2023-01-11T10:16:05.000-08:00
diff --git a/packages/react-examples/src/react/Panel/Panel.ConfirmDismiss.Example.tsx b/packages/react-examples/src/react/Panel/Panel.ConfirmDismiss.Example.tsx
@@ -46,17 +46,19 @@ export const PanelConfirmDismissExample: React.FunctionComponent = () => {
       >
         <p>{explanation}</p>
       </Panel>
-      <Dialog
-        hidden={!isDialogVisible}
-        onDismiss={hideDialog}
-        dialogContentProps={dialogContentProps}
-        modalProps={dialogModalProps}
-      >
-        <DialogFooter>
-          <PrimaryButton onClick={hideDialogAndPanel} text="Yes" />
-          <DefaultButton onClick={hideDialog} text="No" />
-        </DialogFooter>
-      </Dialog>
+      {isDialogVisible && (
+        <Dialog
+          hidden={false}
+          onDismiss={hideDialog}
+          dialogContentProps={dialogContentProps}
+          modalProps={dialogModalProps}
+        >
+          <DialogFooter>
+            <PrimaryButton onClick={hideDialogAndPanel} text="Yes" />
+            <DefaultButton onClick={hideDialog} text="No" />
+          </DialogFooter>
+        </Dialog>
+      )}
     </div>
   );
 };
