From 4e5e013c975206bc3ffe34b70e0603b5a9f5d430 Mon Sep 17 00:00:00 2001
From: inmake <inmake.ru@gmail.com>
Date: Tue, 30 Jan 2024 16:46:47 +0500
Subject: [PATCH] upd

---
 src/App.tsx            |   2 +-
 src/MonitoringPage.tsx | 272 -----------------------------------------
 src/main.tsx           |   7 +-
 3 files changed, 2 insertions(+), 279 deletions(-)
 delete mode 100644 src/MonitoringPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 48789ab..6697e55 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -212,7 +212,7 @@ function App() {
                             </div>
 
                             <button
-                              onClick={() => void startStream("Ivazowsky")}
+                              onClick={() => void startStream("IvazowskyDev")}
                               className="flex bg-gradient rounded-full p-2 gap-0 group-hover:gap-1 group-hover:pr-4 group-hover:pl-6 transition-all duration-300"
                             >
                               <span className="font-medium w-0 opacity-0 group-hover:w-[82px] group-hover:opacity-100 overflow-hidden transition-all duration-300">
diff --git a/src/MonitoringPage.tsx b/src/MonitoringPage.tsx
deleted file mode 100644
index 1c6727e..0000000
--- a/src/MonitoringPage.tsx
+++ /dev/null
@@ -1,272 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { differenceInSeconds, parseISO } from "date-fns";
-import ky from "ky";
-import { useEffect, useState } from "react";
-import QRCode from "react-qr-code";
-
-function MonitoringPage() {
-  const [sessions, setSessions] = useState<any>([]);
-  const [servers, setServers] = useState<any>([]);
-  const [pin, setPin] = useState<string>("");
-  const builds = [
-    {
-      title: "Revolution towers",
-      name: "nksJukovaDev",
-    },
-    {
-      title: "Life Резиденция",
-      name: "lifeResidence",
-    },
-    {
-      title: "Айвазовский City",
-      name: "Ivazowsky",
-    },
-    {
-      title: "IMI Saudi Shipyard",
-      name: "ShipyardSaudiDev",
-    },
-    {
-      title: "Masharov",
-      name: "Masharovdev",
-    },
-    {
-      title: "Orient",
-      name: "orientDev",
-    },
-    {
-      title: "Novator",
-      name: "novatorDev",
-    },
-    {
-      title: "Mirapolis",
-      name: "MirapolisDev",
-    },
-    {
-      title: "Scala City",
-      name: "RockCityDev",
-    },
-    {
-      title: "Upside Towers",
-      name: "upsideTowersDev",
-    },
-    {
-      title: "Kama",
-      name: "Kama",
-    },
-  ];
-
-  async function getSessionServers() {
-    const response = await ky
-      .get(`${import.meta.env.VITE_COORD_URL}/session_servers`)
-      .json();
-
-    setServers(response);
-
-    setTimeout(() => {
-      getSessionServers();
-    }, 1000);
-  }
-
-  async function getActiveSessions() {
-    const response = await ky
-      .get(`${import.meta.env.VITE_COORD_URL}/active_sessions`)
-      .json();
-
-    setSessions(response);
-
-    setTimeout(() => {
-      getActiveSessions();
-    }, 1000);
-  }
-
-  async function endSession(activeSessionId: string) {
-    await ky
-      .post(
-        `${
-          import.meta.env.VITE_COORD_URL
-        }/active_sessions/${activeSessionId}/end`
-      )
-      .json();
-  }
-
-  useEffect(() => {
-    getActiveSessions();
-    getSessionServers();
-  }, []);
-
-  return (
-    <div className="min-h-screen text-[#F2F2F2] p-4 flex flex-col">
-      {pin === "4499" ? (
-        <div className="flex flex-col gap-8">
-          <div className="flex flex-col gap-8">
-            <p className="text-sm">Сборки:</p>
-            <div className="grid 2xl:grid-cols-5 xl:grid-cols-4 md:grid-cols-3 grid-cols-2 gap-4">
-              {builds.map((build, index) => (
-                <div
-                  key={index}
-                  className="bg-[#22222A] rounded-md p-4 flex flex-col gap-4"
-                >
-                  <p className="text-xl">{build.title}</p>
-                  <a
-                    href={`https://stream.graff.tech/?build=${build.name}&location=a1`}
-                    target="_blank"
-                    className="inline-block px-4 py-2 bg-blue-500 hover:bg-blue-600 transition-colors rounded w-fit"
-                  >
-                    Запустить
-                  </a>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          <div className="flex flex-col gap-2 text-sm">
-            <p>Сервера:</p>
-            <div className="grid lg:grid-cols-4 gap-2">
-              {servers.length > 0 ? (
-                servers.map((server: any) => (
-                  <div key={server.id} className="p-4 bg-[#22222A] rounded">
-                    <div>
-                      {differenceInSeconds(
-                        new Date(),
-                        parseISO(server.updatedAt)
-                      ) >= 10 ? (
-                        <p className="flex items-center gap-2">
-                          <span className="h-2 w-2 rounded-full bg-red-500"></span>
-                          <span>Не в сети</span>
-                        </p>
-                      ) : (
-                        <p className="flex items-center gap-2">
-                          <span className="h-2 w-2 rounded-full bg-green-500"></span>
-                          <span>В сети</span>
-                        </p>
-                      )}
-                    </div>
-                    <p>
-                      Локация:{" "}
-                      <span className="font-medium">{server.location}</span>
-                    </p>
-                    <p>
-                      Имя сервера:{" "}
-                      <span className="font-medium">{server.name}</span>
-                    </p>
-                    <p>
-                      Лимит процессов:{" "}
-                      <span className="font-medium">
-                        {server.limit_process}
-                      </span>
-                    </p>
-                    <div>
-                      <p>
-                        CPU: <span className="font-medium">{server.cpu}</span>
-                      </p>
-                      <p>
-                        RAM: <span className="font-medium">{server.ram}</span>
-                      </p>
-                      {/* <p className="flex space-x-2">
-                  <span>GPU: </span>
-                  <span className="flex space-x-4">
-                    {server.gpu?.map((item: any, index: number) => (
-                      <span key={index}>
-                        {item} {index === 2 && "°C"}
-                      </span>
-                    ))}
-                  </span>
-                </p> */}
-                    </div>
-                  </div>
-                ))
-              ) : (
-                <p className="opacity-50">Нет запущенных серверов</p>
-              )}
-            </div>
-          </div>
-
-          <div className="flex flex-col gap-2 text-sm">
-            <p>Запущенные сессии:</p>
-            {sessions.length > 0 ? (
-              sessions.map((session: any) => (
-                <div
-                  key={session.id}
-                  className="flex flex-wrap gap-4 justify-between items-center p-4 bg-[#22222A] rounded"
-                >
-                  <div className="flex items-center gap-4">
-                    <div className="">
-                      <QRCode
-                        bgColor="#22222A"
-                        fgColor="#F2F2F2"
-                        size={128}
-                        value={`https://stream.graff.tech/stream/${session.id}?admin=true`}
-                        viewBox={`0 0 128 128`}
-                      />
-                    </div>
-                    <div>
-                      <p>
-                        Локация:{" "}
-                        <span className="font-medium">{session.location}</span>
-                      </p>
-                      <p>
-                        Сервер:{" "}
-                        <span className="font-medium">{session.server}</span>
-                      </p>
-                      <p>
-                        Сборка:{" "}
-                        <span className="font-medium">{session.title}</span>
-                      </p>
-                      <p>
-                        Порт:{" "}
-                        <span className="font-medium">
-                          {session.cirrusPort}
-                        </span>
-                      </p>
-                      <p>
-                        Пользователи:{" "}
-                        <span className="font-medium">
-                          {session.connectedPlayersCount || 0}
-                        </span>
-                      </p>
-                      <p>
-                        Дата и время запуска:{" "}
-                        <span className="font-medium">
-                          {new Date(session.createdAt).toLocaleString()}
-                        </span>
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="grid lg:grid-cols-1 grid-cols-2 gap-4 lg:w-auto w-full">
-                    <a
-                      href={`https://stream.graff.tech/stream/${session.id}?admin=true`}
-                      target="_blank"
-                      className="inline-block text-center px-4 py-2 bg-blue-600 hover:bg-blue-500 transition-colors rounded"
-                    >
-                      Открыть в новом окне
-                    </a>
-                    <button
-                      onClick={() => endSession(session.id)}
-                      className="px-4 py-2 bg-red-600 hover:bg-red-500 transition-colors rounded"
-                    >
-                      Завершить сессию
-                    </button>
-                  </div>
-                </div>
-              ))
-            ) : (
-              <p className="opacity-50">Нет запущенных сессий</p>
-            )}
-          </div>
-        </div>
-      ) : (
-        <input
-          autoFocus
-          type="password"
-          value={pin}
-          onChange={(e) => setPin(e.target.value)}
-          className="w-fit rounded outline-none px-3 py-2"
-        />
-      )}
-    </div>
-  );
-}
-
-export default MonitoringPage;
diff --git a/src/main.tsx b/src/main.tsx
index baa27a5..0961f0b 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -6,10 +6,9 @@ import {
   RouterProvider,
 } from "react-router-dom";
 import "./index.css";
-import App from "./App";
 import "./i18n";
+import App from "./App";
 import StreamPage from "./StreamPage";
-import MonitoringPage from "./MonitoringPage";
 import HistoryPage from "./HistoryPage";
 import ScheduledPage from "./ScheduledPage";
 import CalendarPage from "./CalendarPage";
@@ -26,10 +25,6 @@ const router = createBrowserRouter([
     path: "/stream/:id",
     element: <StreamPage />,
   },
-  {
-    path: "/monitoring",
-    element: <MonitoringPage />,
-  },
   {
     path: "/history",
     element: <HistoryPage />,