From ca8eec960545a0883c94330382a4e3736f0ba7ee Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Sat, 7 May 2022 16:49:11 +0300
Subject: [PATCH] ally: disable btns styling, auto focus forms fields

---
 src/Components/Button/Button.tsx                             | 1 +
 .../CreatePostPage/Components/BountyForm/BountyForm.tsx      | 1 +
 .../CreatePostPage/Components/QuestionForm/QuestionForm.tsx  | 1 +
 .../pages/CreatePostPage/Components/StoryForm/StoryForm.tsx  | 1 +
 .../SubmitBountyPlanModal/SubmitBountyPlanModal.tsx          | 1 +
 src/styles/shared.scss                                       | 5 +++++
 6 files changed, 10 insertions(+)

diff --git a/src/Components/Button/Button.tsx b/src/Components/Button/Button.tsx
index 4bdf339..7e83e7d 100644
--- a/src/Components/Button/Button.tsx
+++ b/src/Components/Button/Button.tsx
@@ -112,6 +112,7 @@ export default function Button({ color = 'white',
             type='button'
             className={`${classes} ${className}`}
             onClick={() => handleClick()}
+            disabled={disabled}
             {...props}
         >
             {/* {isLoading ? <Loading color={loadingColor[color]} /> : children} */}
diff --git a/src/features/Posts/pages/CreatePostPage/Components/BountyForm/BountyForm.tsx b/src/features/Posts/pages/CreatePostPage/Components/BountyForm/BountyForm.tsx
index d84346b..1a90e8c 100644
--- a/src/features/Posts/pages/CreatePostPage/Components/BountyForm/BountyForm.tsx
+++ b/src/features/Posts/pages/CreatePostPage/Components/BountyForm/BountyForm.tsx
@@ -106,6 +106,7 @@ export default function BountyForm() {
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
+                                autoFocus
                                 type='text'
                                 className="input-text"
                                 placeholder='Your Bounty Title'
diff --git a/src/features/Posts/pages/CreatePostPage/Components/QuestionForm/QuestionForm.tsx b/src/features/Posts/pages/CreatePostPage/Components/QuestionForm/QuestionForm.tsx
index 14717ee..63f8dbf 100644
--- a/src/features/Posts/pages/CreatePostPage/Components/QuestionForm/QuestionForm.tsx
+++ b/src/features/Posts/pages/CreatePostPage/Components/QuestionForm/QuestionForm.tsx
@@ -80,6 +80,7 @@ export default function QuestionForm() {
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
+                                autoFocus
                                 type='text'
                                 className="input-text"
                                 placeholder='Your Question Title'
diff --git a/src/features/Posts/pages/CreatePostPage/Components/StoryForm/StoryForm.tsx b/src/features/Posts/pages/CreatePostPage/Components/StoryForm/StoryForm.tsx
index a7e7632..85b61c2 100644
--- a/src/features/Posts/pages/CreatePostPage/Components/StoryForm/StoryForm.tsx
+++ b/src/features/Posts/pages/CreatePostPage/Components/StoryForm/StoryForm.tsx
@@ -80,6 +80,7 @@ export default function StoryForm() {
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
+                                autoFocus
                                 type='text'
                                 className="input-text"
                                 placeholder='Your Story Title'
diff --git a/src/features/Posts/pages/PostDetailsPage/Components/SubmitBountyPlanModal/SubmitBountyPlanModal.tsx b/src/features/Posts/pages/PostDetailsPage/Components/SubmitBountyPlanModal/SubmitBountyPlanModal.tsx
index bbddd06..7a9a342 100644
--- a/src/features/Posts/pages/PostDetailsPage/Components/SubmitBountyPlanModal/SubmitBountyPlanModal.tsx
+++ b/src/features/Posts/pages/PostDetailsPage/Components/SubmitBountyPlanModal/SubmitBountyPlanModal.tsx
@@ -56,6 +56,7 @@ export default function Login_SuccessCard({ onClose, direction, ...props }: Moda
                 </p>
                 <div className="input-wrapper mt-24 relative">
                     <textarea
+                        autoFocus
                         rows={6}
                         className="input-text !p-20"
                         placeholder='What steps will you take to complete this task? '
diff --git a/src/styles/shared.scss b/src/styles/shared.scss
index f6215c1..a61b964 100644
--- a/src/styles/shared.scss
+++ b/src/styles/shared.scss
@@ -7,4 +7,9 @@
 /* Firefox */
 .input-removed-arrows[type="number"] {
     -moz-appearance: textfield;
+}
+
+button[disabled]{
+    opacity: .5;
+    pointer-events: none;
 }
\ No newline at end of file