diff --git a/app/Admin/Overview/page.tsx b/app/Admin/Overview/page.tsx
index 021301a..134a4ea 100644
--- a/app/Admin/Overview/page.tsx
+++ b/app/Admin/Overview/page.tsx
@@ -1,7 +1,62 @@
+import { useEffect, useState } from "react";
+
import UnderConstruction from "@/components/static_pages/UnderConstruction";
+import RoundedContainer from "@/components/ui/RoundedContainer";
+import { getServices } from "@/lib/api/helpers/services";
+import { Project, Service, User } from "@/lib/api/types";
+import { getUsers } from "@/lib/api/helpers/users";
export default function Overview() {
- return(
-
- )
-}
\ No newline at end of file
+ const [projectStatus, setProjectStatus] = useState(true);
+ const [projects, setProjects] = useState();
+ /*useEffect(() => {
+ getProjects()
+ .then((projects) => {
+ if (projects.length > 0) {
+ setProjects(projects);
+ }
+ })
+ .catch(() => {
+ setProjectStatus(false);
+ });
+ }, []); IMPLEMENT GET PROJECTS */
+ const [serviceStatus, setServiceStatus] = useState(true);
+ const [services, setServices] = useState();
+ useEffect(() => {
+ getServices()
+ .then((services) => {
+ if (services.length > 0) {
+ setServices(services);
+ }
+ })
+ .catch(() => {
+ setServiceStatus(false);
+ });
+ }, []);
+ const [userStatus, setUserStatus] = useState(true);
+ const [users, setUsers] = useState();
+ useEffect(() => {
+ getUsers()
+ .then((users) => {
+ if (users.length > 0) {
+ setUsers(users);
+ }
+ })
+ .catch(() => {
+ setUserStatus(false);
+ });
+ }, []);
+ return (
+
+
+ Users
+
+
+ Services
+
+
+ Projects
+
+