added disabling for action buttons

Impeqq · Nov 17, 2021 · 78de9ce · 78de9ce
1 parent 92daa0c
commit 78de9ce
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 4 deletions.
diff --git a/frontend/src/components/chat/typing/typing.tsx b/frontend/src/components/chat/typing/typing.tsx
@@ -10,10 +10,10 @@ import { RouteParams } from "@features/types";
 import { useParams } from "react-router-dom";
 import { BaseForm } from "@components";
 import { useForm } from "react-hook-form";
-import { Button, Input } from "@ui";
+import { Button, ButtonType, Input } from "@ui";
 
 export const Typing = () => {
-  const [sendMessage] = useMutation(SEND_MESSAGE);
+  const [sendMessage, { loading }] = useMutation(SEND_MESSAGE);
 
   const { id } = useParams<RouteParams>();
 
@@ -55,8 +55,11 @@ export const Typing = () => {
       <div>
         <MicIcon />
         <Button
+          type={ButtonType.SUBMIT}
           className={styles.button}
           text={""}
+          withDisable={true}
+          loading={loading}
           icon={<SendIcon fill="#ffffff" />}
         />
       </div>

diff --git a/frontend/src/pages/Auth/register-block/register-block.tsx b/frontend/src/pages/Auth/register-block/register-block.tsx
@@ -76,7 +76,12 @@ export const RegisterBlock = () => {
         message={error?.message}
       />
       <InputGroup>
-        <Button text={"Sign Up"} type={ButtonType.SUBMIT} loading={loading} />
+        <Button
+          text={"Sign Up"}
+          type={ButtonType.SUBMIT}
+          loading={loading}
+          withDisable={true}
+        />
         <Button
           text={"Sign Up"}
           iconDirection={IconDirection.RIGHT}

diff --git a/frontend/src/pages/Profile/change-information/change-information.tsx b/frontend/src/pages/Profile/change-information/change-information.tsx
@@ -117,7 +117,12 @@ export const ChangeInformation = () => {
           style={ButtonStyle.OUTLINE}
           onClick={handleReset}
         />
-        <Button text={"Update"} type={ButtonType.SUBMIT} loading={loading} />
+        <Button
+          text={"Update"}
+          type={ButtonType.SUBMIT}
+          withDisable={true}
+          loading={loading}
+        />
       </InputGroup>
     </BaseForm>
   );

diff --git a/frontend/src/pages/Profile/change-password/change-password.tsx b/frontend/src/pages/Profile/change-password/change-password.tsx
@@ -61,6 +61,7 @@ export const ChangePassword = () => {
         <Button
           text={"Change password"}
           type={ButtonType.SUBMIT}
+          withDisable={true}
           loading={loading}
         />
         <Input

diff --git a/frontend/src/ui/atoms/button/styles.scss b/frontend/src/ui/atoms/button/styles.scss
@@ -72,6 +72,7 @@
   &.disabled {
     background: $c_button_disabled;
     color: $c_white;
+    cursor: unset;
     &:hover {
       background: $c_button_disabled_hover;
     }