upd

package.json

@@ -17,7 +17,7 @@
     "date-fns": "^2.30.0",
     "i18next": "^22.5.0",
     "i18next-browser-languagedetector": "^7.0.2",
-    "ky": "^0.33.3",
+    "ky": "^1.1.3",
     "livekit-client": "^1.13.2",
     "react": "^18.2.0",
     "react-calendar": "^4.3.0",

src/App.tsx

@@ -420,13 +420,16 @@ function App() {
                     </div>
                     <div className="flex flex-col sm:gap-1 gap-4">
                       <p className="flex sm:flex-row flex-col sm:gap-4 gap-1">
-                        <a href="#" className="">
+                        <a
+                          href="https://graff.tech/privacypolicy"
+                          target="_blank"
+                        >
                           <Trans i18nKey={"footer.link"}>
                             Политика конфиденциальности
                           </Trans>
                         </a>
-                        <a href="https://estate.graff.tech" className="">
-                          estate.graff.tech
+                        <a href="https://graff.estate" target="_blank">
+                          graff.estate
                         </a>
                       </p>
                       <p className="text-xs text-[#C5C7CE]">

src/MonitoringPage.tsx

@@ -9,6 +9,52 @@ 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
@@ -52,8 +98,29 @@ function MonitoringPage() {
   return (
     <div className="min-h-screen text-[#F2F2F2] p-4 flex flex-col">
       {pin === "4499" ? (
-        <>
-          <div className="flex flex-col gap-2 border-b border-[#22222A] pb-4 text-sm">
+        <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 ? (
@@ -115,7 +182,7 @@ function MonitoringPage() {
             </div>
           </div>
 
-          <div className="mt-4 flex flex-col gap-2 text-sm">
+          <div className="flex flex-col gap-2 text-sm">
             <p>Запущенные сессии:</p>
             {sessions.length > 0 ? (
               sessions.map((session: any) => (
@@ -188,7 +255,7 @@ function MonitoringPage() {
               <p className="opacity-50">Нет запущенных сессий</p>
             )}
           </div>
-        </>
+        </div>
       ) : (
         <input
           autoFocus

src/components/FeedbackForm.tsx

@@ -23,7 +23,7 @@ function FeedbackForm() {
 
     try {
       await ky
-        .post(`https://estate.graff.tech/api/mail`, {
+        .post(`https://graff.estate/api/mail`, {
           json: {
             fullname: name,
             phone,

src/components/SidebarTab5.tsx

@@ -60,8 +60,8 @@ function SidebarTab5() {
               </p>
 
               <p className="text-sm font-gilroy flex gap-3 items-center justify-end leading-none">
-                <a href="https://estate.graff.tech" target="_blank">
-                  estate.graff.tech
+                <a href="https://graff.estate" target="_blank">
+                  graff.estate
                 </a>
                 <WebGradientIcon />
               </p>

yarn.lock

@@ -1481,10 +1481,10 @@ jss@10.10.0, jss@^10.10.0:
     is-in-browser "^1.1.3"
     tiny-warning "^1.0.2"
 
-ky@^0.33.3:
-  version "0.33.3"
-  resolved "https://registry.npmjs.org/ky/-/ky-0.33.3.tgz"
-  integrity sha512-CasD9OCEQSFIam2U8efFK81Yeg8vNMTBUqtMOHlrcWQHqUX3HeCl9Dr31u4toV7emlH8Mymk5+9p0lL6mKb/Xw==
+ky@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/ky/-/ky-1.1.3.tgz#0d75906dfae00af0b4ea1a6fe29e505c4a0ee234"
+  integrity sha512-t7q8sJfazzHbfYxiCtuLIH4P+pWoCgunDll17O/GBZBqMt2vHjGSx5HzSxhOc2BDEg3YN/EmeA7VKrHnwuWDag==
 
 levn@^0.4.1:
   version "0.4.1"