From 6a2355c6f6b55a8b0b8ad303e69ce95fa06793d2 Mon Sep 17 00:00:00 2001
From: Frikky <frikky@shuffler.io>
Date: Tue, 4 Mar 2025 21:56:39 +0100
Subject: [PATCH] Minor frontend fixes

---
 frontend/src/components/AppCreationModal.jsx | 40 ++++++++++----------
 frontend/src/views/Apps2.jsx                 |  1 +
 2 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/AppCreationModal.jsx b/frontend/src/components/AppCreationModal.jsx
index 80cf1711..a9f8f598 100644
--- a/frontend/src/components/AppCreationModal.jsx
+++ b/frontend/src/components/AppCreationModal.jsx
@@ -22,7 +22,6 @@ import CreateIcon from '@mui/icons-material/Create'
 import { toast } from 'react-toastify'
 import YAML from "yaml";
 
-
 const AppCreationModal = ({ open, onClose, theme, globalUrl, isCloud }) => {
     const [openApiModal, setOpenApiModal] = useState(false)
     const [generateAppModal, setGenerateAppModal] = useState(false)
@@ -257,26 +256,27 @@ const AppCreationModal = ({ open, onClose, theme, globalUrl, isCloud }) => {
             body: openApidata,
             credentials: "include",
         })
-            .then((response) => {
+		.then((response) => {
 
-                setValidation(false);
-                return response.json();
-            })
-            .then((responseJson) => {
-                if (responseJson.success) {
-                    setAppValidation(responseJson.id);
-                } else {
-                    if (responseJson.reason !== undefined) {
-                        setOpenApiError(responseJson.reason);
-                    }
-                    toast("An error occurred in the response");
-                }
-            })
-            .catch((error) => {
-                setValidation(false);
-                toast(error.toString());
-                setOpenApiError(error.toString());
-            });
+			setValidation(false);
+			return response.json();
+		})
+		.then((responseJson) => {
+			if (responseJson?.success === true) {
+				setAppValidation(responseJson?.id)
+				navigate(`/apps/new?id=${responseJson?.id}`)
+			} else {
+				if (responseJson.reason !== undefined) {
+					setOpenApiError(responseJson.reason)
+				}
+				toast("An error occurred in the response");
+			}
+		})
+		.catch((error) => {
+			setValidation(false);
+			toast(error.toString());
+			setOpenApiError(error.toString());
+		});
     };
 
     const redirectOpenApi = () => {
diff --git a/frontend/src/views/Apps2.jsx b/frontend/src/views/Apps2.jsx
index 87e60f82..c5fb9d38 100644
--- a/frontend/src/views/Apps2.jsx
+++ b/frontend/src/views/Apps2.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useContext, useCallback, memo, useMemo, useRef } from "react";
 import theme from "../theme.jsx";
 import { isMobile } from "react-device-detect";
+
 import { useLocation, useNavigate } from "react-router-dom";
 import {
   TextField, Button, Typography, MenuItem, Select, Tabs, Tab, Zoom,