change selected files translate and add count

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
+			<div
-				className="btn btn-primary"
+				className="selected-files-action"
-				onClick={() => {
-					downloadHandler();
-				}}
 			>
-				{t('download')}
+				<button
-			</button>
+					className="btn btn-primary"
-			<button
+					onClick={() => {
-				className="btn btn-primary"
+						downloadHandler();
-				onClick={() => {
+					}}
-					clearHandler();
+				>
-				}}
+					{t('download-all')}
-			>
+				</button>
-				{t('cancel')}
+				<button
-			</button>
+					className="btn btn-primary"
+					onClick={() => {
+						clearHandler();
+					}}
+				>
+					{t('deselect')}
+				</button>
+			</div>
 		</div>
 	)
 }

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;

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",

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": "и",