remove monitoring from files that are not image

src/app/components/tanstak-table/TanstakTable.tsx

@@ -406,10 +406,22 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 				cell: ({ row }) => {
 					return (
 						<div className="text-center font-semibold table-item">
-							<MonitoringDropDown file={row.original} />
+							{row.original.fileType === 'image' ? (
+								<MonitoringDropDown file={row.original} />
+							) : (
+								<div>
+									{t('monitoring-is-not-supported')}
+								</div>
+							)}
 						</div>
 					)
 				},
+				/* sortingFn: (rowA, rowB) => {
+					console.log(rowA.original.monitoring, rowB.original.monitoring)
+					const monitoringA = rowA.original.monitoring;
+					const monitoringB = rowA.original.monitoring;
+					return monitoringA - monitoringB;
+				}, */
 			},
 			{
 				id: 'actions',

src/app/styles/pages-styles.scss

@@ -588,7 +588,7 @@
 
 	.tanstak-table-filtres {
 		display: flex;
-		flex-direction: column;
+		flex-direction: row;
 		justify-content: space-between;
 		align-items: flex-start;
 		gap: 1rem;
@@ -597,9 +597,9 @@
 		padding-left: 0;
 		padding-right: 0;
 
-		@media (min-width: 768px) {
-			flex-direction: row;
-			align-items: center;
+		@media (max-width: 975px) {
+			flex-direction: column;
+			align-items: start;
 		}
 
 		.table-filtres-wrapper {