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

This commit is contained in:
smanylov
2026-04-20 18:34:27 +07:00
parent b16d0949a4
commit f5548f39da
7 changed files with 60 additions and 10 deletions
+1 -1
View File
@@ -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 = () => {
+1
View File
@@ -279,6 +279,7 @@
justify-content: center;
align-items: center;
font-size: 12px;
padding-top: 1px;
}
}
+16
View File
@@ -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>
@@ -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>
)
+9 -1
View File
@@ -422,7 +422,6 @@
"protected-files": "Protected files",
"storage": "Storage",
"Status": "Status",
"under-moderation": "Under moderation",
"full-link": "Full link",
"follow-the-link": "Follow the link",
"date-of-discovery": "Date of discovery",
@@ -570,5 +569,14 @@
"notification-file-moderation": "File moderation event",
"notification-file-added": "File added to system",
"notification-search-operation-filed": "Search operation failed"
},
"User-status": {
"under-moderation": "Under moderation",
"NOT_VERIFIED": "Not verified",
"VERIFIED": "Verified",
"VERIFICATION_FAILED": "Verification failed",
"unknow": "Unknown",
"user-verification": "User verification",
"Status": "Status"
}
}
+9 -1
View File
@@ -422,7 +422,6 @@
"protected-files": "Защищено файлов",
"storage": "Хранилище",
"Status": "Статус",
"under-moderation": "На модерации",
"full-link": "Полная ссылка",
"follow-the-link": "Перейти",
"date-of-discovery": "Дата обнаружения",
@@ -570,5 +569,14 @@
"notification-file-moderation": "Модерация файла",
"notification-file-added": "Файл добавлен в систему",
"notification-search-operation-filed": "Ошибка операции поиска"
},
"User-status": {
"under-moderation": "На модерации",
"NOT_VERIFIED": "Не верифицирован",
"VERIFIED": "Верифицирован",
"VERIFICATION_FAILED": "Верификация не удалась",
"unknow": "Неизвестно",
"user-verification": "Верификация юзера",
"Status": "Статус"
}
}