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

export function FileInfoModalWindow({ fileInfo, setWindowClose, setWindowChildren }: any) {

	const exampleTest = {
		ownerName: 'string',
		ownerMail: 'string',
		ownerCompany: 'string',
		fileName: 'string',
		fileSize: 'number',
		fileUploadDate: 'number',
		fileFormat: 'string',
		protectStatus: 'string',
		checksCount: 'number'
	}

	function closeHandler() {
		setWindowChildren(null);
		setWindowClose(false);
	}

	console.log(fileInfo);

	return (
		<div className='file-info-modal-window'>

			<div
				className="flex justify-between"
			>
				<h3 className="text-2xl mb-4">
					Результат проверки
				</h3>
				<button
					className="file-info-modal-window-close-button"
					onClick={closeHandler}
				>
					×
				</button>
			</div>
			<div
				className="file-info-modal-window-section"
			>

				<h4
					className="mb-2"
				>
					Информация о владельце
				</h4>
				<div className="file-info-modal-window-grid" >
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Имя
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.ownerName ? fileInfo.ownerName : '-'}
						</div>
					</div>
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Email
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.ownerEmail ? fileInfo.ownerEmail : '-'}
						</div>
					</div>
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Компания
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.ownerCompany ? fileInfo.ownerCompany : '-'}
						</div>
					</div>
				</div>

				<h4
					className="mb-2"
				>
					Информация о файле
				</h4>
				<div className="file-info-modal-window-grid" >
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Имя файла
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.fileName ? fileInfo.fileName : '-'}
						</div>
					</div>
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Размер
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.fileSize ? fileInfo.fileSize : '-'}
						</div>
					</div>
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Загружен
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.fileUploadDate ? fileInfo.fileUploadDate : '-'}
						</div>
					</div>
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Формат
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.fileExtension ? fileInfo.fileExtension : '-'}
						</div>
					</div>
				</div>

				<h4
					className="mb-2"
				>
					Детали защиты
				</h4>
				<div className="file-info-modal-window-grid" >
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Статус защиты
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.protectStatus ? fileInfo.protectStatus : '-'}
						</div>
					</div>
					<div className="file-info-modal-window-item">
						<div className="file-info-modal-window-title" >
							Количество проверок
						</div>
						<div className="file-info-modal-window-content" >
							{fileInfo.checksCount ? fileInfo.checksCount : '0'}
						</div>
					</div>
				</div>

			</div>
		</div>
	)
}