Merge pull request #18 from Dialogue-Bot/DIAL-21-Ui-settings

DIAL-21-Ui-settings

Author: hi02102002

client/.gitignore

@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.env

client/package-lock.json

@@ -48,6 +48,7 @@
       "class-variance-authority": "^0.7.0",
       "clsx": "^2.1.0",
       "cmdk": "^0.2.1",
+      "crypto-js": "^4.2.0",
       "date-fns": "^3.3.1",
       "embla-carousel-react": "^8.0.0-rc23",
       "firebase": "^10.8.0",
@@ -73,6 +74,7 @@
    },
    "devDependencies": {
       "@tanstack/router-vite-plugin": "^1.16.5",
+      "@types/crypto-js": "^4.2.2",
       "@types/node": "^20.11.19",
       "@types/react": "^18.2.55",
       "@types/react-dom": "^18.2.19",
@@ -87,6 +89,7 @@
       "tailwindcss": "^3.4.1",
       "typescript": "^5.2.2",
       "vite": "^5.1.0",
+      "vite-plugin-markdown": "^2.2.0",
       "vite-tsconfig-paths": "^4.3.1"
    }
 }

client/package.json

@@ -0,0 +1,28 @@
+import { ENDPOINTS } from '@/constants';
+import http_client from '@/lib/http-client';
+import { TSetting } from '@/types/setting';
+import { TBaseResponse } from '@/types/share';
+import { decrypt, encrypt } from '@/utils';
+
+class SettingApi {
+   async getSetting(): Promise<TBaseResponse<TSetting>> {
+      const res: TBaseResponse<string> = await http_client.get(
+         ENDPOINTS.SETTING.INDEX
+      );
+
+      return {
+         data: JSON.parse(decrypt(res.data)),
+         message: res.message,
+      };
+   }
+
+   updateMailSetting(
+      data: TSetting['email']
+   ): Promise<TBaseResponse<TSetting['email']>> {
+      return http_client.put(ENDPOINTS.SETTING.MAIL, {
+         encrypted: encrypt(JSON.stringify(data)),
+      });
+   }
+}
+
+export const settingApi = new SettingApi();

client/src/apis/setting.ts

@@ -0,0 +1,19 @@
+import { ENDPOINTS } from '@/constants';
+import http_client from '@/lib/http-client';
+import { TBaseResponse } from '@/types/share';
+
+export class UploadApi {
+   single(file: File): Promise<TBaseResponse<string>> {
+      const formData = new FormData();
+
+      formData.append('file', file);
+
+      return http_client.post(ENDPOINTS.UPLOAD.SINGLE, formData, {
+         headers: {
+            'Content-Type': 'multipart/form-data',
+         },
+      });
+   }
+}
+
+export const uploadApi = new UploadApi();