feat: add DIRECTORY_NAME enum and update file upload hook to utilize it

Author: kingRayhan

src/backend/models/domain-models.ts

@@ -161,6 +161,14 @@ export type REACTION_TYPE =
   | "CRY"
   | "HAHA";
 
+export enum DIRECTORY_NAME {
+  ARTICLE_COVER = "article-cover",
+  ARTICLE_CONTENT = "article-content",
+  USER_PROFILE = "user-profile",
+  USER_PROFILE_README_CONTENT = "user-profile-readme-content",
+  COMMENT_ATTACHMENT = "comment-attachment",
+}
+
 export interface Reaction {
   resource_id: string;
   resource_type: "ARTICLE" | "COMMENT";

src/hooks/use-file-upload.tsx

@@ -1,4 +1,6 @@
 // import { DIRECTORY_NAME } from "@/backend/domain-models";
+import { DIRECTORY_NAME } from "@/backend/models/domain-models";
+import { generateRandomString } from "@/lib/utils";
 import { useState } from "react";
 
 export const useServerFile = () => {
@@ -8,24 +10,22 @@ export const useServerFile = () => {
 
   const uploadFile = async (param: {
     files: FileList | File[];
-    // directory: DIRECTORY_NAME;
+    directory: DIRECTORY_NAME;
     generateUniqueFileName?: boolean;
   }) => {
     // loader
     setUploading(true);
 
     // post files to server
-    // const keys = Array.from(param.files).map((file) => {
-    //   return param.generateUniqueFileName
-    //     ? `${param.directory}/${generateRandomString(30, "counterbd-")}-${
-    //         file.name
-    //       }`
-    //     : `${param.directory}/${file.name}`;
-    // });
+    const keys = Array.from(param.files).map((file) => {
+      return param.generateUniqueFileName
+        ? `${param.directory}/${generateRandomString(30)}-${file.name}`
+        : `${param.directory}/${file.name}`;
+    });
 
     const signApi = await fetch(`/api/storage/sign`, {
       method: "POST",
-      // body: JSON.stringify({ keys }),
+      body: JSON.stringify({ keys }),
     });
     const signResponse = await signApi.json();
 
@@ -54,7 +54,7 @@ export const useServerFile = () => {
     return {
       success: true,
       error: null,
-      // data: { keys },
+      data: { keys },
     };
   };