continue: add violation panel

src/app/ui/modal-windows/file-info-modal-window.tsx

@@ -1,8 +1,13 @@
 import { convertBytes } from '@/app/lib/convertBytes';
 import { formatDate, formatDateTime } from '@/app/lib/formatDate';
 import { useTranslations } from 'next-intl';
+import { FileDetails } from '@/app/[locale]/pages/violations/[id]/page';
 
-export function FileInfoModalWindow({ fileInfo, setWindowClose, setWindowChildren }: any) {
+export function FileInfoModalWindow({ fileInfo, setWindowClose, setWindowChildren }: {
+	fileInfo: FileDetails,
+	setWindowClose: any,
+	setWindowChildren: any
+}) {
 	const t = useTranslations('Global');
 
 	return (
@@ -86,6 +91,11 @@ export function FileInfoModalWindow({ fileInfo, setWindowClose, setWindowChildre
 								{fileInfo.fileExtension ? fileInfo.fileExtension : '-'}
 							</div>
 						</div>
+						{fileInfo.mimeType === 'image' && (
+							<div className="info-item image">
+								<img src={fileInfo.thumbnailFileUrl ? fileInfo.thumbnailFileUrl : '#'} alt="" />
+							</div>
+						)}
 					</div>
 				</div>