change name action for api

src/pages/Account.jsx

@@ -1,10 +1,11 @@
 import React, {useEffect, useState} from "react";
 import AccountButtons from "../components/account/AccountButtons.jsx";
 import userIcon from "../../images/user.svg";
-import {get} from "../backend/api";
+import {get, post} from "../backend/api";
 import {displayMessage} from "../backend/notifications/notifications";
 import {MessageType} from "../backend/notifications/message";
 import HelloItem from "../components/account/HelloItem.jsx";
+import { URLs } from "../__data__/urls";
 
 const Account = () => {
     const exitHandler = () => {
@@ -14,12 +15,27 @@ const Account = () => {
         localStorage.setItem("message", "Exited successfully!");
         window.location.href = "/";
     }
-    const changeNameHandler = () => {}
-    const changePassHandler = () => {}
 
     const [nickname, setNickname] = useState("");
     const [id, setId] = useState("");
 
+    async function changeNameHandler () {
+        // ...
+
+        const {ok, data} = await post('/change/nickname', {id: id, newNickname: "New Name"});
+
+        if (!ok) {
+            displayMessage(data.message, MessageType.ERROR);
+        } else {
+            localStorage.setItem("message", "Name was changed");
+            window.location.href = URLs.account.url;
+        }
+    }
+
+    async function changePassHandler (){
+        // ...
+    }
+
     async function getUser() {
       const username = localStorage.getItem("username");
       if (!username) {