From 1eff2d2c0a4e4855eafdd2c7601691ca07804ed3 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Thu, 9 Apr 2026 15:24:37 +0700
Subject: [PATCH] change selected files translate and add count

---
 .../tanstak-table/SelectedFilesActions.tsx    | 39 ++++++++++++-------
 src/app/styles/pages-styles.scss              | 17 ++++++--
 src/i18n/messages/en.json                     |  4 +-
 src/i18n/messages/ru.json                     |  4 +-
 4 files changed, 44 insertions(+), 20 deletions(-)

diff --git a/src/app/components/tanstak-table/SelectedFilesActions.tsx b/src/app/components/tanstak-table/SelectedFilesActions.tsx
index a3dc209..f5a5547 100644
--- a/src/app/components/tanstak-table/SelectedFilesActions.tsx
+++ b/src/app/components/tanstak-table/SelectedFilesActions.tsx
@@ -26,23 +26,32 @@ export function SelectedFilesAction({ filesId, callBack }: { filesId: Set<string
 		<div
 			className="selected-files-wrapper"
 		>
+			<div
+				className="selected-files-count"
+			>
+				{t('selected-files')}: {filesId.size}
+			</div>
 
-			<button
-				className="btn btn-primary"
-				onClick={() => {
-					downloadHandler();
-				}}
+			<div
+				className="selected-files-action"
 			>
-				{t('download')}
-			</button>
-			<button
-				className="btn btn-primary"
-				onClick={() => {
-					clearHandler();
-				}}
-			>
-				{t('cancel')}
-			</button>
+				<button
+					className="btn btn-primary"
+					onClick={() => {
+						downloadHandler();
+					}}
+				>
+					{t('download-all')}
+				</button>
+				<button
+					className="btn btn-primary"
+					onClick={() => {
+						clearHandler();
+					}}
+				>
+					{t('deselect')}
+				</button>
+			</div>
 		</div>
 	)
 }
\ No newline at end of file
diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index d003a14..750a2da 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -788,6 +788,7 @@
 
 				&:has(.table-item-checkbox) {
 					padding: 0;
+					cursor: pointer;
 
 					.column {
 						padding: 15px 16px;
@@ -855,6 +856,7 @@
 
 				&:has(.table-item-checkbox) {
 					padding: 0;
+					cursor: pointer;
 
 					.table-item {
 						padding: 15px 16px;
@@ -5088,15 +5090,24 @@
 	left: calc(50% + (var(--side-bar-width) / 2));
 	transform: translateX(-50%);
 
-	display: flex;
-	gap: 10px;
-
 	background: v.$white;
 	border-radius: 20px;
 	padding: 20px 25px;
 	box-shadow: 0 4px 20px v.$shadow-1;
 	border: 1px solid v.$b-color-1;
 
+	.selected-files-action {
+		display: flex;
+		gap: 10px;
+	}
+
+	.selected-files-count {
+		text-align: center;
+		margin-bottom: 10px;
+		font-size: 18px;
+		font-weight: 600;
+	}
+
 	.btn-primary {
 		background: #2b7fff;
 		padding: 10px 16px;
diff --git a/src/i18n/messages/en.json b/src/i18n/messages/en.json
index b4b9d40..56256e3 100644
--- a/src/i18n/messages/en.json
+++ b/src/i18n/messages/en.json
@@ -415,7 +415,9 @@
 		"text-of-the-case": "Text of the case",
 		"fill-text-of-the-case": "Fill the case text",
 		"fill-title-of-the-case": "Fill the case title",
-		"enter-the-amount-of-damage": "Enter the amount of damage"
+		"enter-the-amount-of-damage": "Enter the amount of damage",
+		"download-all": "Download all",
+		"selected-files": "Selected files"
 	},
 	"Login-register-form": {
 		"and": "and",
diff --git a/src/i18n/messages/ru.json b/src/i18n/messages/ru.json
index 4dc1212..ef4ea8a 100644
--- a/src/i18n/messages/ru.json
+++ b/src/i18n/messages/ru.json
@@ -415,7 +415,9 @@
 		"text-of-the-case": "Текст дела",
 		"fill-text-of-the-case": "Заполните текст дела",
 		"fill-title-of-the-case": "Заполните название дела",
-		"enter-the-amount-of-damage": "Введите сумму ущерба"
+		"enter-the-amount-of-damage": "Введите сумму ущерба",
+		"download-all": "Скачать все",
+		"selected-files": "Выбранно файлов"
 	},
 	"Login-register-form": {
 		"and": "и",