feat: Add loading states and improve form handling

This commit introduces several enhancements to form components and user experience across the application.

- **Sign-in Form:**
  - Implemented a loading state using `useIsMutating` from TanStack Query.
  - The username and password fields are now disabled during the login process to prevent concurrent submissions.
  - The "Sign in" button displays a spinner while the mutation is pending, providing clear visual feedback.

- **Assign to Company Modal:**
  - Refactored the modal to use `react-hook-form` for more robust state management and validation.
  - The form submission button is now disabled while the assignment request is in progress.

- **Tag Input Component:**
  - Added a new `shouldAddWithSpace` prop to allow creating tags by pressing the space bar, increasing the component's flexibility.

- **Header:**
  - Corrected the image path for the mobile header logo to display the correct icon.

This commit is contained in:

AmirReza Jamali

2025-09-24 10:45:45 +03:30

parent 708f35cf02

commit 3801073fd7

10 changed files with 58 additions and 33 deletions

									
										src/components/Layouts/header/index.tsx
									
		+1
		-1
	
												View File
												
				@@ -24,7 +24,7 @@ export function Header() {

				      {isMobile && (

				        <Link href={"/"} className="ml-2 max-[430px]:hidden min-[375px]:ml-4">

				          <Image

				            src={"/images/logo/logo-icon.svg"}

				            src={"/images/fav-icon.svg"}

				            width={32}

				            height={32}

				            alt=""