update profile

Author: yorukot

api/Auth/checkUsername.ts

@@ -3,7 +3,7 @@ import axios, { AxiosError } from "axios";
 
 export async function checkUsername(username: string) {
   let data = JSON.stringify({
-    user_name: username,
+    username: username,
   });
   let config = {
     method: "post",

api/user/getAvatar.ts

@@ -1,14 +1,13 @@
 import { API_URL } from "@/config/config";
 import axios from "axios";
 
-export async function GetAvatarFromServerSide(cookies: string) {
+export async function GetAvatarFromServerSide(user_id: string) {
   let config = {
     method: "get",
     maxBodyLength: Infinity,
-    url: API_URL + "/user/avatar",
+    url: API_URL + `/user/avatar/${user_id}`,
     headers: {
       "Content-Type": "application/json",
-      Cookie: cookies,
     },
     validateStatus: function () {
       return true;

api/user/profile/getUserDetil.ts

@@ -0,0 +1,18 @@
+import { API_URL } from "@/config/config";
+import axios from "axios";
+
+export async function GetUserDetil(accessToken: string) {
+  let config = {
+    method: "get",
+    maxBodyLength: Infinity,
+    url: API_URL + "/user/setting/detil",
+    headers: {
+      "Content-Type": "application/json",
+      Cookie: accessToken,
+    },
+    validateStatus: function () {
+      return true;
+    },
+  };
+  return await axios.request(config);
+}

api/user/profile/updateUserDetil.ts

@@ -0,0 +1,25 @@
+import { API_URL } from "@/config/config";
+import axios from "axios";
+
+export async function UpdateUserAllName(
+  username: string,
+  display_name: string,
+) {
+  let data = JSON.stringify({
+    username: username,
+    display_name: display_name,
+  });
+  let config = {
+    method: "post",
+    maxBodyLength: Infinity,
+    url: API_URL + "/user/setting/resetall/name",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    data: data,
+    validateStatus: function () {
+      return true;
+    },
+  };
+  return await axios.request(config);
+}

api/user/profile/updateUserDisplayName.ts

@@ -0,0 +1,23 @@
+import { API_URL } from "@/config/config";
+import axios from "axios";
+
+export async function UpdateUserDisplayName(
+  display_name: string,
+) {
+  let data = JSON.stringify({
+    display_name: display_name,
+  });
+  let config = {
+    method: "post",
+    maxBodyLength: Infinity,
+    url: API_URL + "/user/setting/reset/displayname",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    data: data,
+    validateStatus: function () {
+      return true;
+    },
+  };
+  return await axios.request(config);
+}

api/user/profile/updateUsername.ts

@@ -0,0 +1,23 @@
+import { API_URL } from "@/config/config";
+import axios from "axios";
+
+export async function UpdateUsername(
+  username: string,
+) {
+  let data = JSON.stringify({
+    username: username,
+  });
+  let config = {
+    method: "post",
+    maxBodyLength: Infinity,
+    url: API_URL + "/user/setting/reset/username",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    data: data,
+    validateStatus: function () {
+      return true;
+    },
+  };
+  return await axios.request(config);
+}

app/[locale]/user/profile/page.tsx

@@ -0,0 +1,15 @@
+import { Profile } from "@/components/user/profile/profileGetData";
+import { useTranslations } from "next-intl";
+
+export default function UserProfileSetting() {
+  const t = useTranslations("UserProfileSetting");
+  const userProfileSettingTranslate = {
+    invalidUsername: t("invalidUsername"),
+    usernameHasBeenUse: t("usernameHasBeenUse"),
+    pleaseEnterAUsername: t("pleaseEnterAUsername"),
+    errorWhenUpdateUserAllNameTitle: t("errorWhenUpdateUserAllNameTitle"),
+    errorWhenUpdateUserAllName: t("errorWhenUpdateUserAllName"),
+    SuccessfulUpdateUserAllNameTitle: t("SuccessfulUpdateUserAllNameTitle")
+  };
+  return <Profile t={userProfileSettingTranslate}></Profile>;
+}

app/[locale]/user/profile/layout.tsx app/[locale]/user/setting/layout.tsxapp/[locale]/user/profile/layout.tsx renamed to app/[locale]/user/setting/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 import "@mantine/core/styles.css";
-import '@mantine/notifications/styles.css';
+import "@mantine/notifications/styles.css";
 import {
   MantineProvider,
   ColorSchemeScript,
@@ -29,7 +29,7 @@ export default function RootLayout({
         >
           <ModalsProvider>
             {children}
-            <Notifications />
+            <Notifications position="bottom-center" />
           </ModalsProvider>
         </MantineProvider>
       </body>