add: added password changer into admin zone on user page

front/src/pages/UserPage.tsx

@@ -15,6 +15,7 @@ export default function UserPage({socket}: {socket: WebSocket}) {
     const [user, setUser] = useState<User>();
     const [noUser, setNoUser] = useState<boolean>(false);
     const [token, setToken] = useState<string>("");
+    const [password, setPassword] = useState<string>("");
 
     function deleteUser() {
         if (!window.confirm(`Are you sure you want to delete ${pageUser?.username}?`)) {
@@ -44,6 +45,21 @@ export default function UserPage({socket}: {socket: WebSocket}) {
             });
     }
 
+    function setUserPassword(e: React.FormEvent<HTMLFormElement>) {
+        e.preventDefault();
+        if (!window.confirm("Are you sure you want to change this user's password?")) {
+            return;
+        }
+        axios
+            .post(`/api/users/${pageUser?.username}/setpassword`, { token, password })
+            .then(() => {
+                setPassword("");
+            })
+            .catch((err) => {
+                console.error(err.response.data);
+            });
+    }
+
     useEffect(() => {
         const localToken = localStorage.getItem("token");
 
@@ -134,17 +150,28 @@ export default function UserPage({socket}: {socket: WebSocket}) {
                 {pageUser.id === user?.id && (
                     <Link to="/edit-profile">Edit profile</Link>
                 )}
-                {user?.admin == 1 && (
+            </div>
+            {user?.admin == 1 && (
+                <div className="forum-section">
+                    <h2>Admin Actions</h2>
                     <button onClick={deleteUser} className="forum-button">    
                         Delete user
                     </button>
-                )}
-                {user?.admin == 1 && (
                     <button onClick={deleteUserPfp} className="forum-button">
                         Delete profile picture
                     </button>
-                )}
-            </div>
+                    <form onSubmit={setUserPassword} className="form-horizontal">
+                        <input
+                            type="password"
+                            value={password}
+                            onChange={(e) => setPassword(e.target.value)}
+                            placeholder="New password"
+                            className="forum-input"
+                        />
+                        <button type="submit" className="forum-button">Set Password</button>
+                    </form>
+                </div>
+            )}
             <div className="forum-section">
                 <h2>Last messages</h2>
                 <div className="messages-list">