after creating a project, go to its page

MazuhSoftwares · Jan 30, 2024 · 16c79e5 · 16c79e5
1 parent 96efd26
commit 16c79e5
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 8 deletions.
diff --git a/src/features/projects-management/ProjectsManagementContext.ts b/src/features/projects-management/ProjectsManagementContext.ts
@@ -6,7 +6,9 @@ import { ProjectListingItem } from "./projects-management-entities";
 
 export interface ProjectsManagementContextValue {
   items: ProjectListingItem[];
-  create: (creating: Pick<ProjectListingItem, "name">) => Promise<void>;
+  create: (
+    creating: Pick<ProjectListingItem, "name">
+  ) => Promise<ProjectListingItem | null>;
   update: (updating: ProjectListingItem) => Promise<void>;
   remove: (removing: ProjectListingItem) => Promise<void>;
   isLoading: boolean;

diff --git a/src/features/projects-management/ProjectsManagementContextProvider.tsx b/src/features/projects-management/ProjectsManagementContextProvider.tsx
@@ -42,10 +42,16 @@ export function ProjectsManagementContextProvider({
     async ({ name }) => {
       setError(null);
       setIsLoading(true);
-      persistNewProjectListingItem(name)
-        .catch((error) => setError(error))
-        .finally(() => setIsLoading(false))
-        .then(() => pullProjectsListing());
+      return persistNewProjectListingItem(name)
+        .then((created: ProjectListingItem) => {
+          pullProjectsListing();
+          return created;
+        })
+        .catch((error) => {
+          setError(error);
+          return null;
+        })
+        .finally(() => setIsLoading(false));
     },
     [pullProjectsListing]
   );

diff --git a/src/features/projects-management/ProjectsManagementPage.tsx b/src/features/projects-management/ProjectsManagementPage.tsx
@@ -33,6 +33,7 @@ import { ProjectListingItem } from "./projects-management-entities";
 import { cn } from "@/lib/utils";
 import { useProjectsManagement } from "./ProjectsManagementContext";
 import { ProjectsManagementContextProvider } from "./ProjectsManagementContextProvider";
+import { useLocation } from "wouter";
 
 export function ProjectsManagementPage() {
   return (
@@ -134,6 +135,7 @@ interface ProjectModalByButtonProps {
 }
 
 function ProjectModalByButton(props: ProjectModalByButtonProps) {
+  const [, setLocation] = useLocation();
   const { create, update } = useProjectsManagement();
 
   const [isOpen, setIsOpen] = useState(false);
@@ -153,12 +155,24 @@ function ProjectModalByButton(props: ProjectModalByButtonProps) {
     },
   });
 
-  const handleSubmit = (values: z.infer<typeof projectFormSchema>) => {
+  const handleSubmit = async (values: z.infer<typeof projectFormSchema>) => {
     if (props.project) {
-      return update({ ...values, uuid: props.project.uuid }).then(close);
+      return update({ ...values, uuid: props.project.uuid })
+        .then(close)
+        .catch(() =>
+          form.setError("name", { message: "Something went wrong" })
+        );
     }
 
-    return create(values).then(close);
+    return create(values).then((created) => {
+      if (!created) {
+        form.setError("name", { message: "Something went wrong" });
+        return;
+      }
+
+      close();
+      setLocation(`/project/${created.uuid}`);
+    });
   };
 
   return (