From 72bd21c648be9bcb130ee0c2a8c5ace8f05ef183 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Mon, 15 Dec 2025 11:24:07 +0700
Subject: [PATCH] change stats-table style

---
 src/app/components/tanstakTable.tsx | 30 ++++++++++++++++++++++++++---
 src/app/styles/dashboard.scss       |  6 ++++--
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/app/components/tanstakTable.tsx b/src/app/components/tanstakTable.tsx
index 7b6d976..a49ab96 100644
--- a/src/app/components/tanstakTable.tsx
+++ b/src/app/components/tanstakTable.tsx
@@ -343,7 +343,20 @@ export default function TanstakFilesTable() {
 					<div className="flex flex-col w-[150px]">
 						<div className="text-sm font-medium mb-1">{t('date-filter')}:</div>
 						<DropDownList
-							value={dateFilter}
+							value={(() => {
+								switch (dateFilter) {
+									case 'all':
+										return t('all-dates')
+									case 'week':
+										return t('for-a-week')
+									case 'month':
+										return t('for-a-month')
+									case 'older':
+										return t('older-than-a-month')
+									default:
+										return t('today')
+								}
+							})()}
 							callBack={setDateFilter}
 						>
 							<li value="all">
@@ -364,10 +377,21 @@ export default function TanstakFilesTable() {
 						</DropDownList>
 					</div>
 
-					<div className="flex flex-col w-[150px]">
+					<div className="flex flex-col w-[160px]">
 						<div className="text-sm font-medium mb-1">{t('type-filter')}:</div>
 						<DropDownList
-							value={typeFilter}
+							value={(() => {
+								switch (typeFilter) {
+									case 'image':
+										return t('images')
+									case 'video':
+										return t('videos')
+									case 'audio':
+										return t('audios')
+									default:
+										return t('all-types')
+								}
+							})()}
 							callBack={setTypeFilter}
 						>
 							<li value="all">
diff --git a/src/app/styles/dashboard.scss b/src/app/styles/dashboard.scss
index 9507ebd..9157cc6 100644
--- a/src/app/styles/dashboard.scss
+++ b/src/app/styles/dashboard.scss
@@ -165,13 +165,15 @@
 		&.stats-header {
 			background: #f9fafb;
 			border-left: none;
-			font-size: 18px;
+			font-size: 16px;
+			font-weight: 500;
 		}
 
 		&.first-column {
-			font-size: 18px;
+			font-size: 16px;
 			justify-content: start;
 			padding-left: 20px;
+			font-weight: 500;
 
 			.icon {
 				color: var(--card-color-1);