fix: problem that dialog remember its state when closed (#23)

ping-neo-meo-pong · Dec 14, 2022 · 65e9cfe · 65e9cfe
1 parent a2c4a6f
commit 65e9cfe
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/frontend/components/CreateChannelDialog.tsx b/frontend/components/CreateChannelDialog.tsx
@@ -33,8 +33,16 @@ export default function CreateChannelDialog({ open, onClose, onSubmit }) {
     onClose();
   }
 
+  function close() {
+    setName('');
+    setDescription('');
+    setPassword('');
+    setIsPrivate(false);
+    onClose();
+  }
+
   return (
-    <Dialog open={open} onClose={onClose} fullWidth>
+    <Dialog open={open} onClose={close} fullWidth>
       <DialogTitle>Create new channel</DialogTitle>
       <DialogContent>
         <TextField
@@ -69,7 +77,7 @@ export default function CreateChannelDialog({ open, onClose, onSubmit }) {
         />
       </DialogContent>
       <DialogActions>
-        <Button onClick={onClose}>Cancel</Button>
+        <Button onClick={close}>Cancel</Button>
         <Button onClick={submit}>Create</Button>
       </DialogActions>
     </Dialog>

diff --git a/frontend/components/PasswordDialog.tsx b/frontend/components/PasswordDialog.tsx
@@ -9,8 +9,13 @@ import { useState } from 'react';
 export default function PasswordDialog({ open, onClose, onSubmit }) {
   const [password, setPassword] = useState('');
 
+  function close() {
+    setPassword('');
+    onClose();
+  }
+
   return (
-    <Dialog open={open} onClose={onClose}>
+    <Dialog open={open} onClose={close}>
       <DialogTitle>
         Enter password
       </DialogTitle>
@@ -25,7 +30,7 @@ export default function PasswordDialog({ open, onClose, onSubmit }) {
         />
       </DialogContent>
       <DialogActions>
-        <Button onClick={onClose}>Cancel</Button>
+        <Button onClick={close}>Cancel</Button>
         <Button onClick={() => onSubmit(password)}>Enter</Button>
       </DialogActions>
     </Dialog>