add normal progressbar and function to stop game

src/renderer/pages/LaunchPage.tsx

@@ -59,7 +59,7 @@ const LaunchPage = ({
     preserveFiles: [],
   });
   const [isDownloading, setIsDownloading] = useState(false);
-  const [downloadProgress, setDownloadProgress] = useState(0);
+  const [progress, setProgress] = useState(0);
   const [buffer, setBuffer] = useState(10);
   const [installStatus, setInstallStatus] = useState('');
   const [notification, setNotification] = useState<{
@@ -70,6 +70,7 @@ const LaunchPage = ({
   const [installStep, setInstallStep] = useState('');
   const [installMessage, setInstallMessage] = useState('');
   const [open, setOpen] = React.useState(false);
+  const [isGameRunning, setIsGameRunning] = useState(false);
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
 
@@ -79,10 +80,10 @@ const LaunchPage = ({
       navigate('/login');
     }
 
-    const progressListener = (...args: unknown[]) => {
-      const progress = args[0] as number;
-      setDownloadProgress(progress);
-      setBuffer(Math.min(progress + 10, 100));
+    const overallProgressListener = (...args: unknown[]) => {
+      const value = args[0] as number; // 0..100
+      setProgress(value);
+      setBuffer(Math.min(value + 10, 100));
     };
 
     const statusListener = (...args: unknown[]) => {
@@ -106,18 +107,34 @@ const LaunchPage = ({
       );
     };
 
+    const minecraftStartedListener = () => {
+      setIsGameRunning(true);
+    };
+
+    const minecraftStoppedListener = () => {
+      setIsGameRunning(false);
+    };
+
+    window.electron.ipcRenderer.on('overall-progress', overallProgressListener);
     window.electron.ipcRenderer.on('minecraft-error', minecraftErrorListener);
-    window.electron.ipcRenderer.on('download-progress', progressListener);
     window.electron.ipcRenderer.on('installation-status', statusListener);
+    window.electron.ipcRenderer.on(
+      'minecraft-started',
+      minecraftStartedListener,
+    );
+    window.electron.ipcRenderer.on(
+      'minecraft-stopped',
+      minecraftStoppedListener,
+    );
 
     return () => {
       // Удаляем только конкретных слушателей, а не всех
       // Это безопаснее, чем removeAllListeners
       const cleanup = window.electron.ipcRenderer.on;
       if (typeof cleanup === 'function') {
-        cleanup('download-progress', progressListener);
         cleanup('installation-status', statusListener);
         cleanup('minecraft-error', statusListener);
+        cleanup('overall-progress', overallProgressListener);
       }
       // Удаляем использование removeAllListeners
     };
@@ -220,7 +237,6 @@ const LaunchPage = ({
   const handleLaunchMinecraft = async () => {
     try {
       setIsDownloading(true);
-      setDownloadProgress(0);
       setBuffer(10);
 
       // Используем настройки выбранной версии или дефолтные
@@ -305,6 +321,28 @@ const LaunchPage = ({
     }
   };
 
+  const handleStopMinecraft = async () => {
+    try {
+      const result = await window.electron.ipcRenderer.invoke('stop-minecraft');
+
+      if (result?.success) {
+        showNotification('Minecraft остановлен', 'info');
+        setIsGameRunning(false);
+      } else if (result?.error) {
+        showNotification(
+          `Не удалось остановить Minecraft: ${result.error}`,
+          'error',
+        );
+      }
+    } catch (error: any) {
+      console.error('Ошибка при остановке Minecraft:', error);
+      showNotification(
+        `Ошибка при остановке Minecraft: ${error.message || String(error)}`,
+        'error',
+      );
+    }
+  };
+
   // Функция для сохранения настроек
   const savePackConfig = async () => {
     try {
@@ -370,7 +408,7 @@ const LaunchPage = ({
             <Box sx={{ width: '100%', mr: 1 }}>
               <LinearProgress
                 variant="buffer"
-                value={downloadProgress}
+                value={progress}
                 valueBuffer={buffer}
               />
             </Box>
@@ -378,7 +416,7 @@ const LaunchPage = ({
               <Typography
                 variant="body2"
                 sx={{ color: 'white' }}
-              >{`${Math.round(downloadProgress)}%`}</Typography>
+              >{`${Math.round(progress)}%`}</Typography>
             </Box>
           </Box>
         </Box>
@@ -394,25 +432,42 @@ const LaunchPage = ({
           <Button
             variant="contained"
             color="primary"
-            onClick={handleLaunchMinecraft}
+            onClick={
+              isGameRunning ? handleStopMinecraft : handleLaunchMinecraft
+            }
             sx={{
-              flexGrow: 1, // занимает всё свободное место
-              width: 'auto', // ширина подстраивается
+              flexGrow: 1,
+              width: 'auto',
               borderRadius: '3vw',
               fontFamily: 'Benzin-Bold',
-              background:
-                'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
               transition: 'transform 0.3s ease',
-              '&:hover': {
-                background:
-                  'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
-                transform: 'scale(1.05)',
-                boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
-              },
-              boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
+
+              ...(isGameRunning
+                ? {
+                    // 🔹 Стиль, когда игра запущена (серая кнопка)
+                    background: 'linear-gradient(71deg, #555 0%, #777 100%)',
+                    '&:hover': {
+                      background: 'linear-gradient(71deg, #666 0%, #888 100%)',
+                      transform: 'scale(1.05)',
+                      boxShadow: '0 4px 15px rgba(100, 100, 100, 0.4)',
+                    },
+                    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
+                  }
+                : {
+                    // 🔹 Стиль, когда Minecraft НЕ запущен (твоя стандартная красочная кнопка)
+                    background:
+                      'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                    '&:hover': {
+                      background:
+                        'linear-gradient(71deg, #F27121 0%, #E940CD 70%, #8A2387 100%)',
+                      transform: 'scale(1.05)',
+                      boxShadow: '0 4px 15px rgba(242, 113, 33, 0.4)',
+                    },
+                    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
+                  }),
             }}
           >
-            Запустить Minecraft
+            {isGameRunning ? 'Остановить Minecraft' : 'Запустить Minecraft'}
           </Button>
 
           {/* Вторая кнопка — квадратная, фиксированного размера (ширина = высоте) */}