small aditions

src/api/users.ts

@@ -0,0 +1,13 @@
+import axiosInstance from "./axiosInstance";
+
+export const getAllUsers = async (page: number) => {
+  const res = await axiosInstance.get("/api/users", {
+    params: { page },
+  });
+  return res.data;
+};
+
+export const getUserById = async (id: number) => {
+  const res = await axiosInstance.get(`api/users/${id}`);
+  return res.data;
+};

src/hooks/auth/useLogin.ts

@@ -9,6 +9,7 @@ export const useLogin = () => {
 
     onSuccess: (data) => {
       localStorage.setItem("access_token", data.token);
+      toast.success("Logged In!");
     },
 
     onError: (err: any) => {

src/hooks/users/useUsers.ts

@@ -0,0 +1,8 @@
+import { useQuery } from "@tanstack/react-query";
+import { getAllUsers } from "../../api/users";
+
+export const useUsers = (page: number) =>
+  useQuery({
+    queryKey: ["users"],
+    queryFn: () => getAllUsers(page),
+  });

src/pages/ProfilePage/ProfilePage.tsx

@@ -16,6 +16,7 @@ const ProfilePage = () => {
     }
   }, []);
 
+
   return (
     <Container>
       <Box sx={{ padding: 4, maxWidth: 360 }}>