add dev inputs

src/app/ui/marking-page/protection-summary.tsx

@@ -2,10 +2,10 @@
 
 import { useTranslations } from 'next-intl';
 import { useQuery } from '@tanstack/react-query';
-import { getUserFilesData } from '@/app/actions/fileEntity';
 import { getUserFilesInfo } from '@/app/actions/action';
 import { convertBytes } from '@/app/lib/convertBytes';
 import { pluralize } from '@/app/lib/pluralize';
+import { useStoreWithDevtools } from '@/app/stores/useStoreWithDevtools';
 
 type FilesInfo = {
 	totalSize: number;
@@ -15,7 +15,9 @@ type FilesInfo = {
 
 export default function ProtectionSummary({ fileType }: { fileType: string }) {
 	const t = useTranslations('Global');
-	console.log(fileType);
+	const CHECKS = useStoreWithDevtools(s => s.value1);
+	const VIOLATIONS = useStoreWithDevtools(s => s.value2);
+
 
 	const getFileTypeFields = (fileType: string): { totalSize: string, totalCount: string } => {
 		switch (fileType) {
@@ -85,9 +87,6 @@ export default function ProtectionSummary({ fileType }: { fileType: string }) {
 		return pluralize(number, translate[0], translate[1], translate[2]);
 	};
 
-	const CHECKS = 6;
-	const VIOLATIONS = 2;
-
 	return (
 		<div className="protection-overview grow">
 			<h3>{t('protecting-your-content')}</h3>