feat(infisical-pg): added routes for workspaces and updated frontend

frontend/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/AddEnvironmentModal.tsx

@@ -34,9 +34,9 @@ export const AddEnvironmentModal = ({ popUp, handlePopUpClose, handlePopUpToggle
       if (!currentWorkspace?.id) return;
 
       await mutateAsync({
-        workspaceID: currentWorkspace.id,
-        environmentName,
-        environmentSlug
+        workspaceId: currentWorkspace.id,
+        name: environmentName,
+        slug: environmentSlug
       });
 
       createNotification({

frontend/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentSection.tsx

@@ -38,13 +38,13 @@ export const EnvironmentSection = () => {
     "upgradePlan"
   ] as const);
 
-  const onEnvDeleteSubmit = async (environmentSlug: string) => {
+  const onEnvDeleteSubmit = async (id: string) => {
     try {
       if (!currentWorkspace?.id) return;
 
       await deleteWsEnvironment.mutateAsync({
-        workspaceID: currentWorkspace.id,
-        environmentSlug
+        workspaceId: currentWorkspace.id,
+        id
       });
 
       createNotification({
@@ -116,9 +116,7 @@ export const EnvironmentSection = () => {
         }?`}
         onChange={(isOpen) => handlePopUpToggle("deleteEnv", isOpen)}
         deleteKey={(popUp?.deleteEnv?.data as { slug: string })?.slug || ""}
-        onDeleteApproved={() =>
-          onEnvDeleteSubmit((popUp?.deleteEnv?.data as { slug: string })?.slug)
-        }
+        onDeleteApproved={() => onEnvDeleteSubmit((popUp?.deleteEnv?.data as { id: string })?.id)}
       />
       <UpgradePlanModal
         isOpen={popUp.upgradePlan.isOpen}

frontend/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentTable.tsx

@@ -24,10 +24,12 @@ type Props = {
     popUpName: keyof UsePopUpState<["updateEnv", "deleteEnv", "upgradePlan"]>,
     {
       name,
-      slug
+      slug,
+      id
     }: {
       name: string;
       slug: string;
+      id: string;
     }
   ) => void;
 };
@@ -56,7 +58,7 @@ export const EnvironmentTable = ({ handlePopUpOpen }: Props) => {
       const indexToSwap = shouldMoveUp ? indexOfEnv - 1 : indexOfEnv + 1;
 
       await reorderWsEnvironment.mutateAsync({
-        workspaceID: currentWorkspace.id,
+        workspaceId: currentWorkspace.id,
         environmentSlug: slug,
         environmentName: name,
         otherEnvironmentSlug: currentWorkspace.environments[indexToSwap].slug,
@@ -90,7 +92,7 @@ export const EnvironmentTable = ({ handlePopUpOpen }: Props) => {
           {isLoading && <TableSkeleton columns={3} innerKey="project-envs" />}
           {!isLoading &&
             currentWorkspace &&
-            currentWorkspace.environments.map(({ name, slug }, pos) => (
+            currentWorkspace.environments.map(({ name, slug, id }, pos) => (
               <Tr key={name}>
                 <Td>{name}</Td>
                 <Td>{slug}</Td>
@@ -142,7 +144,7 @@ export const EnvironmentTable = ({ handlePopUpOpen }: Props) => {
                       <IconButton
                         className="mr-3 py-2"
                         onClick={() => {
-                          handlePopUpOpen("updateEnv", { name, slug });
+                          handlePopUpOpen("updateEnv", { name, slug, id });
                         }}
                         isDisabled={!isAllowed}
                         colorSchema="primary"
@@ -160,7 +162,7 @@ export const EnvironmentTable = ({ handlePopUpOpen }: Props) => {
                     {(isAllowed) => (
                       <IconButton
                         onClick={() => {
-                          handlePopUpOpen("deleteEnv", { name, slug });
+                          handlePopUpOpen("deleteEnv", { name, slug, id });
                         }}
                         size="lg"
                         colorSchema="danger"

frontend/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/UpdateEnvironmentModal.tsx

@@ -29,17 +29,17 @@ export const UpdateEnvironmentModal = ({ popUp, handlePopUpClose, handlePopUpTog
     resolver: yupResolver(schema)
   });
 
-  const oldEnvironmentSlug = (popUp?.updateEnv?.data as { slug: string })?.slug;
+  const oldEnvId = (popUp?.updateEnv?.data as { id: string })?.id;
 
   const onFormSubmit = async ({ environmentName, environmentSlug }: FormData) => {
     try {
       if (!currentWorkspace?.id) return;
 
       await mutateAsync({
-        workspaceID: currentWorkspace.id,
-        environmentName,
-        environmentSlug,
-        oldEnvironmentSlug
+        workspaceId: currentWorkspace.id,
+        name: environmentName,
+        slug: environmentSlug,
+        id: oldEnvId
       });
 
       createNotification({