add user status translate + fix notification count-icon size while long numbers

src/app/hooks/react-query/useUserDataInfo.ts

@@ -39,7 +39,7 @@ export interface UserData {
 	tariffs: Tariff[];
 	tariffInfo: TariffInfo;
 	permission: number;
-	verifiedStatus?: string;
+	verifiedStatus?: 'unknow' | 'NOT_VERIFIED' | 'VERIFICATION_IN_PROGRESS' | 'VERIFIED' | 'VERIFICATION_FAILED';
 }
 
 export const useUserProfile = () => {

src/app/styles/header.scss

@@ -279,6 +279,7 @@
 			justify-content: center;
 			align-items: center;
 			font-size: 12px;
+			padding-top: 1px;
 		}
 	}
 

src/app/ui/header/notificationsButton.tsx

@@ -121,6 +121,21 @@ export default function NotificationsButton() {
 		}
 	};
 
+	const getFontSizeByCount = (count: number | undefined) => {
+		if (!count) return '12px';
+
+		const countStr = String(count);
+
+		switch (countStr.length) {
+			case 3:
+				return '10px';
+			case 4:
+				return '8px';
+			default:
+				return '12px';
+		}
+	};
+
 	return (
 		<div className="notification-wrapper" ref={menuRef}>
 			<button
@@ -135,6 +150,7 @@ export default function NotificationsButton() {
 				{notificationList?.unreadCount !== 0 && (
 					<span
 						className="notification-unread-count"
+						style={{ fontSize: getFontSizeByCount(notificationList?.unreadCount) }}
 					>
 						{notificationList?.unreadCount ? notificationList?.unreadCount : ''}
 					</span>

src/app/ui/settings/setting-user-verification.tsx

@@ -6,16 +6,36 @@ import VerificationUploadSection from '@/app/ui/settings/component/verification-
 import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';
 
 export default function SettingUserVerification() {
-	const t = useTranslations('Global');
+	const t = useTranslations('User-status');
 
 	const { data: allFilesExtensions } = useAllFilesExtensions();
 	const { data: userData, isLoading, isError } = useUserProfile();
 
+	const getVerifiedStatusText = (status: string | undefined | null) => {
+		switch (status) {
+			case 'VERIFICATION_IN_PROGRESS':
+				return t('under-moderation');
+			case 'NOT_VERIFIED':
+				return t('NOT_VERIFIED');
+			case 'VERIFIED':
+				return t('VERIFIED');
+			case 'VERIFICATION_FAILED':
+				return t('VERIFICATION_FAILED');
+			case 'unknow':
+				return t('unknow');
+			case undefined:
+			case null:
+				return t('NOT_VERIFIED');
+			default:
+				return t('NOT_VERIFIED');
+		}
+	};
+
 	return (
 		<div className="settings-form">
 			<div className="form-section verefication-section">
 				<h3 className="form-section-title">
-					Верификация юзера
+					{t('user-verification')}
 				</h3>
 				{userData?.verifiedStatus === 'NOT_VERIFIED' || userData?.verifiedStatus === null ? (
 					<VerificationUploadSection
@@ -25,12 +45,9 @@ export default function SettingUserVerification() {
 					/>
 				) : (
 					<span>
-						{t('Status')}: {userData?.verifiedStatus === 'VERIFICATION_IN_PROGRESS'? t('under-moderation') : userData?.verifiedStatus}
+						{t('Status')}: {getVerifiedStatusText(userData?.verifiedStatus)}
 					</span>
 				)}
-				{/* 					<button type="submit" className="btn btn-primary">
-						загрузить
-					</button> */}
 			</div>
 		</div>
 	)