From 6d9710e7cd5f9cfd67bc55774c2bd0b1e4e232bd Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Fri, 6 Feb 2026 11:13:13 +0700
Subject: [PATCH] add loading animation

---
 package.json                                  |  2 +-
 src/app/styles/pages-styles.scss              | 25 +++++++++++++++++++
 src/app/ui/forms/login-form.tsx               | 14 +++++++++--
 src/app/ui/forms/register-form.tsx            | 14 +++++++++--
 .../settings/company-users-setting-panel.tsx  | 14 +++++++++--
 5 files changed, 62 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 60688d3..dc741c0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "no-copy-frontend",
-	"version": "0.31.0",
+	"version": "0.32.0",
 	"private": true,
 	"scripts": {
 		"dev": "next dev -p 2999",
diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index 4a38a8c..06db882 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -3836,4 +3836,29 @@
 			font-size: 12px;
 		}
 	}
+}
+
+.loading-animation {
+	display: block;
+	text-align: center;
+
+	.global-spinner {
+		width: 24px;
+		height: 24px;
+		margin: 0 auto;
+		position: relative;
+
+		&::before {
+			content: '';
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			border: 4px solid #e5e7eb;
+			border-top: 4px solid #667eea;
+			border-radius: 50%;
+			animation: spin 1s linear infinite;
+		}
+	}
 }
\ No newline at end of file
diff --git a/src/app/ui/forms/login-form.tsx b/src/app/ui/forms/login-form.tsx
index 8f25c76..d97c2fa 100644
--- a/src/app/ui/forms/login-form.tsx
+++ b/src/app/ui/forms/login-form.tsx
@@ -96,8 +96,18 @@ export default function LoginForm() {
 					{t('forgot-password')}?
 				</a>
 			</div>
-			<button type="submit" className={`${styles['btn']}`}>
-				{t('sign-in')}
+			<button
+				type="submit"
+				className={`${styles['btn']}`}
+				disabled={isPending}
+			>
+				{isPending ? (
+					<div className="loading-animation">
+						<div className="global-spinner"></div>
+					</div>
+				) : (
+					t("sign-in")
+				)}
 			</button>
 		</form>
 	)
diff --git a/src/app/ui/forms/register-form.tsx b/src/app/ui/forms/register-form.tsx
index 7234cb0..c554719 100644
--- a/src/app/ui/forms/register-form.tsx
+++ b/src/app/ui/forms/register-form.tsx
@@ -432,8 +432,18 @@ export default function RegisterForm() {
 						{t(formState?.error?.server)}
 					</p>
 				)}
-				<button type="submit" className={`${styles['btn']}`}>
-					{t('create-an-account')}
+				<button
+					type="submit"
+					className={`${styles['btn']}`}
+					disabled={isPending}
+				>
+					{isPending ? (
+						<div className="loading-animation">
+							<div className="global-spinner"></div>
+						</div>
+					) : (
+						t("create-an-account")
+					)}
 				</button>
 			</form >
 		</>
diff --git a/src/app/ui/settings/company-users-setting-panel.tsx b/src/app/ui/settings/company-users-setting-panel.tsx
index 280bf7a..0289a24 100644
--- a/src/app/ui/settings/company-users-setting-panel.tsx
+++ b/src/app/ui/settings/company-users-setting-panel.tsx
@@ -304,8 +304,18 @@ export function CompanyUsersSettingPanel() {
 						</p>
 					)}
 
-					<button type="submit" className="btn btn-primary">
-						Добавить пользователя
+					<button
+						type="submit"
+						className={`${styles['btn']}`}
+						disabled={isPending}
+					>
+						{isPending ? (
+							<div className="loading-animation">
+								<div className="global-spinner"></div>
+							</div>
+						) : (
+							"Добавить пользователя"
+						)}
 					</button>
 				</form>
 			</div>