Added the use case category in templates page

unkeyed · Oct 10, 2024 · 711c353 · 711c353
1 parent b97201c
commit 711c353
Show file tree

Hide file tree

Showing 4 changed files with 313 additions and 131 deletions.
diff --git a/apps/dashboard/lib/templates-form.ts b/apps/dashboard/lib/templates-form.ts
@@ -8,6 +8,7 @@ export const schema = z.object({
   search: z.string().optional(),
   frameworks: z.array(z.string()),
   languages: z.array(z.string()),
+  usecases: z.array(z.string()),
 });
 
 /**
@@ -24,6 +25,7 @@ export const getDefaulTemplatesFormValues = () => {
       search: undefined,
       frameworks: [],
       languages: [],
+      usecases: [],
     };
   }
 
@@ -32,11 +34,13 @@ export const getDefaulTemplatesFormValues = () => {
   const search = searchParams.get("search");
   const frameworks = searchParams.getAll("framework");
   const languages = searchParams.getAll("language");
+  const usecases = searchParams.getAll("usecase");
 
   return {
     search: search || undefined,
     frameworks: frameworks.length > 0 ? frameworks : [],
     languages: languages.length > 0 ? languages : [],
+    usecases: usecases.length > 0 ? usecases : [],
   };
 };
 
@@ -60,6 +64,15 @@ export const updateUrl = (values: TemplatesFormValues) => {
   } else {
     searchParams.delete("framework");
   }
+
+  if(values.usecases) {
+    searchParams.delete("usecase");
+    values.usecases.forEach((usecase) => {
+      searchParams.append("usecase", usecase);
+    });
+  } else {
+    searchParams.delete("usecase");
+  }
 
   if (values.languages) {
     searchParams.delete("language");