fix: 通信中にbuttonを押下出来ないように変更

Author: vivid344

src/components/Send.js

@@ -81,6 +81,7 @@ function Send() {
   const classes = useStyles();
   const dispatch = useDispatch();
   const { id } = useSelector(state => state.signInReducer);
+  const { isConnecting } = useSelector(state => state.connectingReducer);
   useEffect(() => {
     dispatch(setPath('Send'))
   });
@@ -125,6 +126,7 @@ function Send() {
         <Button
           variant="contained"
           className={classes.button}
+          disabled={isConnecting}
           onClick={()=>{
             setValue({
               ...value,

src/components/SignIn.js

@@ -10,6 +10,7 @@ function SignIn() {
   const classes = useStyles();
   const dispatch = useDispatch();
   const { snackbar } = useSelector(state => state.signInReducer);
+  const { isConnecting } = useSelector(state => state.connectingReducer);
   const [data, setData] = React.useState({
     id: '',
     password: '',
@@ -61,7 +62,7 @@ function SignIn() {
         />
       </form>
       <div className={classes.buttonContainer}>
-        <Button id='signInButton' className={classes.button} variant="contained" onClick={signIn}>
+        <Button id='signInButton' className={classes.button} variant="contained" onClick={signIn} disabled={isConnecting}>
           Sign in
         </Button>
       </div>

src/components/SignUp.js

@@ -10,6 +10,7 @@ function SignUp() {
   const classes = useStyles();
   const dispatch = useDispatch();
   const { snackbar } = useSelector(state => state.signInReducer);
+  const { isConnecting } = useSelector(state => state.connectingReducer);
   const [data, setData] = React.useState({
     id: '',
     password: '',
@@ -74,7 +75,7 @@ function SignUp() {
         </div>
       </form>
       <div className={classes.buttonContainer}>
-        <Button id='signUpButton' className={classes.button} variant="contained" onClick={signUp} disabled={!(data.password && data.password2 && data.password === data.password2)}>
+        <Button id='signUpButton' className={classes.button} variant="contained" onClick={signUp} disabled={!(data.id && data.password && data.password2 && data.password === data.password2 && !isConnecting)}>
           Sign Up
         </Button>
       </div>