add monitoring action button for tanstak-table

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

@@ -0,0 +1,74 @@
+'use client'
+
+import { useEffect, useState } from 'react';
+
+export function FileMonitoringModalWindow({ file, setWindowClose, setWindowChildren }: any) {
+	const [status, setStatus] = useState('null');
+
+	function closeHandler() {
+		setWindowChildren(null);
+		setWindowClose(false);
+	}
+
+	useEffect(() => {
+		console.log(file);
+	}, [file])
+
+	return (
+		<div
+			className="monitoring-wrapper"
+		>
+			<h3 className="monitoring-title">
+				Выберете интервал мониторинга<br />
+				для файла - {file.fileName}
+			</h3>
+			<p className="monitoring-status">
+				Текущий статус мониторинга - {status}
+			</p>
+			<ul
+				className="monitoring-actions"
+			>
+				<li>
+					<button
+						className="btn btn-primary"
+						onClick={() => {
+							closeHandler()
+						}}
+					>
+						Без мониторинга
+					</button>
+				</li>
+				<li>
+					<button
+						className="btn btn-primary"
+						onClick={() => {
+							closeHandler()
+						}}
+					>
+						Каждый день
+					</button>
+				</li>
+				<li>
+					<button
+						className="btn btn-primary"
+						onClick={() => {
+							closeHandler()
+						}}
+					>
+						Каждую неделю
+					</button>
+				</li>
+				<li>
+					<button
+						className="btn btn-primary"
+						onClick={() => {
+							closeHandler()
+						}}
+					>
+						Каждый месяц
+					</button>
+				</li>
+			</ul>
+		</div>
+	)
+}