Pass projectId in API call

Author: skkra0

frontend/src/components/config/ProjectConfig.tsx

@@ -1,16 +1,16 @@
-import type { CommonFormFields } from "@/lib/form.types";
+import { UserContext } from "@/components/UserProvider";
+import { Label } from "@/components/ui/label";
 import {
   Select,
-  SelectTrigger,
-  SelectValue,
   SelectContent,
   SelectGroup,
   SelectItem,
+  SelectTrigger,
+  SelectValue,
 } from "@/components/ui/select";
-import { Label } from "@/components/ui/label";
+import type { CommonFormFields } from "@/lib/form.types";
 import { Fence } from "lucide-react";
 import { useContext } from "react";
-import { UserContext } from "@/components/UserProvider";
 
 export const ProjectConfig = ({
   state,
@@ -58,7 +58,7 @@ export const ProjectConfig = ({
         <SelectContent>
           <SelectGroup>
             {user?.projects?.map((project) => (
-              <SelectItem key={project.id} value={project.id.toString()}>
+              <SelectItem key={project.id} value={project.id}>
                 <p>
                   {project.name}{" "}
                   <span className="text-sm text-black-2">

frontend/src/lib/form.ts

@@ -118,6 +118,7 @@ export const createNewAppWithoutGroup = (
   return {
     name: getAppName(appState),
     namespace: generateNamespace(appState),
+    projectId: appState.projectId ?? undefined,
     config: createDeploymentConfig(appState),
   };
 };

frontend/src/pages/app/ConfigTab.tsx

@@ -1,9 +1,7 @@
-import { useAppConfig } from "@/components/AppConfigProvider";
 import HelpTooltip from "@/components/HelpTooltip";
 import { UserContext } from "@/components/UserProvider";
 import { AppConfigFormFields } from "@/components/config/AppConfigFormFields";
 import { GroupConfigFields } from "@/components/config/GroupConfigFields";
-import { ProjectConfig } from "@/components/config/ProjectConfig";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -40,7 +38,6 @@ export const ConfigTab = ({
     );
   }
 
-  const appConfig = useAppConfig();
   const [state, setState] = useState<CommonFormFields>(
     getFormStateFromApp(app),
   );
@@ -69,10 +66,7 @@ export const ConfigTab = ({
           body: {
             displayName: state.displayName,
             appGroup: groupState.groupOption,
-            projectId:
-              state.projectId && state.projectId !== app.projectId
-                ? state.projectId
-                : undefined,
+            projectId: state.projectId ?? undefined,
             config: createDeploymentConfig(finalAppState),
           },
         });
@@ -139,9 +133,6 @@ export const ConfigTab = ({
         />
       </div>
       <GroupConfigFields state={groupState} setState={setGroupState} />
-      {appConfig?.isRancherManaged && (
-        <ProjectConfig state={state} setState={setState} />
-      )}
       <FormContext value="UpdateApp">
         <AppConfigFormFields
           groupState={groupState}