Refactor/group page (#666)

* refactor(backend): ♻️ Refactor base class to be abstract and create a router factory method

* feat(frontend): ✨ add group edit

* refactor(backend): ✨ add group edit support

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/api/class-interfaces/group-webhooks.ts

@@ -0,0 +1,25 @@
+import { BaseCRUDAPI } from "./_base";
+
+const prefix = "/api";
+
+const routes = {
+  webhooks: `${prefix}/groups/webhooks`,
+  webhooksId: (id: string | number) => `${prefix}/groups/webhooks/${id}`,
+};
+
+export interface CreateGroupWebhook {
+  enabled: boolean;
+  name: string;
+  url: string;
+  time: string;
+}
+
+export interface GroupWebhook extends CreateGroupWebhook {
+  id: string;
+  groupId: string;
+}
+
+export class WebhooksAPI extends BaseCRUDAPI<GroupWebhook, CreateGroupWebhook> {
+  baseRoute = routes.webhooks;
+  itemRoute = routes.webhooksId;
+}

frontend/api/class-interfaces/groups.ts

@@ -1,4 +1,3 @@
-import { requests } from "../requests";
 import { BaseCRUDAPI } from "./_base";
 import { GroupInDB } from "~/types/api-types/user";
 
@@ -7,10 +6,17 @@ const prefix = "/api";
 const routes = {
   groups: `${prefix}/groups`,
   groupsSelf: `${prefix}/groups/self`,
+  categories: `${prefix}/groups/categories`,
 
   groupsId: (id: string | number) => `${prefix}/groups/${id}`,
 };
 
+interface Category {
+  id: number;
+  name: string;
+  slug: string;
+}
+
 export interface CreateGroup {
   name: string;
 }
@@ -21,6 +27,14 @@ export class GroupAPI extends BaseCRUDAPI<GroupInDB, CreateGroup> {
   /** Returns the Group Data for the Current User
    */
   async getCurrentUserGroup() {
-    return await requests.get(routes.groupsSelf);
+    return await this.requests.get(routes.groupsSelf);
+  }
+
+  async getCategories() {
+    return await this.requests.get<Category[]>(routes.categories);
+  }
+
+  async setCategories(payload: Category[]) {
+    return await this.requests.put<Category[]>(routes.categories, payload);
   }
 }

frontend/api/index.ts

@@ -12,6 +12,7 @@ import { NotificationsAPI } from "./class-interfaces/event-notifications";
 import { FoodAPI } from "./class-interfaces/recipe-foods";
 import { UnitAPI } from "./class-interfaces/recipe-units";
 import { CookbookAPI } from "./class-interfaces/cookbooks";
+import { WebhooksAPI } from "./class-interfaces/group-webhooks";
 import { ApiRequestInstance } from "~/types/api";
 
 class Api {
@@ -29,6 +30,7 @@ class Api {
   public foods: FoodAPI;
   public units: UnitAPI;
   public cookbooks: CookbookAPI;
+  public groupWebhooks: WebhooksAPI;
 
   // Utils
   public upload: UploadFile;
@@ -49,6 +51,7 @@ class Api {
     this.users = new UserApi(requests);
     this.groups = new GroupAPI(requests);
     this.cookbooks = new CookbookAPI(requests);
+    this.groupWebhooks = new WebhooksAPI(requests);
 
     // Admin
     this.debug = new DebugAPI(requests);