Team scores added

Author: JKSANJAY27

package.json

@@ -41,6 +41,7 @@
     "shadcn-ui": "^0.9.4",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
+    "use-debounce": "^10.0.4",
     "zod": "^3.23.3"
   },
   "devDependencies": {

pnpm-lock.yaml

@@ -6,6 +6,7 @@ export const login = async(email: string, password: string) =>{
         const response = await axios.post('/auth/login', {email, password})
         return response.data as data;
     }catch(err){
+        
         throw err;
     }
 }

src/api/auth.ts

@@ -24,19 +24,28 @@ interface CreateScoreRequest {
 }
 
 export const fetchScores = async (teamId: string) => {
-  try {
-    const response = await axios.get<{
-      status: string;
-      message: string;
-      scores: ScoreResponse[];
-    }>(`panel/getscore/${teamId}`, {
-      withCredentials: true,
-    });
-    return response.data.scores;
-  } catch (err) {
-    console.log(err);
-    throw err;
-  }
+    try {
+      const response = await axios.get<{
+        status: string;
+        message: string;
+        data: {
+          message: string;
+          scores: ScoreResponse[];
+        };
+      }>(`panel/getscore/${teamId}`, {
+        withCredentials: true,
+      });
+  
+      // The scores are nested inside response.data.data.scores
+      if (!response.data.data?.scores) {
+        throw new Error('No scores data received');
+      }
+      
+      return response.data.data.scores;
+    } catch (err) {
+      console.error('Error fetching scores:', err);
+      throw err;
+    }
 };
 
 export const createScore = async ({

src/api/fetchScores.ts

@@ -0,0 +1,20 @@
+import { TeamsFromSearch, type Team, type TeamResponse } from "@/data/schema";
+import { type MainSearch, MainTeamSearchResponse} from "@/data/schema";
+
+import axios from "./axiosConfig";
+
+
+export const fetchTeamDetails = async ({ uuid }: { uuid: string}) => {
+  try {
+    const response = await axios.get<MainSearch>(
+      `admin/teams/${uuid}`
+    );
+
+    const parsedResponse = MainTeamSearchResponse.parse(response.data)
+    console.log(parsedResponse)
+    return parsedResponse.data
+  } catch (err) {
+    console.log(err);
+    throw err;
+  }
+};

src/api/fetchTeamDetails.ts

@@ -2,13 +2,36 @@ import { type Team, type TeamsResponse } from "@/data/schema";
 import { TeamsResponseSchema } from "@/data/schema";
 import axios from "./axiosConfig";
 
-export const fetchTeams = async ({ page, limit }: { page: number; limit: number }) => {
+export const fetchTeams = async ({
+  limit,
+  cursorId, 
+  name
+}: {
+  limit: number;
+  cursorId?: string; 
+  name?:string;
+}) => {
   try {
-    const response = await axios.get<TeamsResponse>(
-      `admin/teams?page=${page}&limit=${limit}`
-    );
+
+    const params = new URLSearchParams({ limit: String(limit) });
+
+    if (name) {
+      params.append("name", name);
+    } else if (cursorId) {
+      params.append("cursor", cursorId);
+    }
+
+    const url = `admin/teams?${params.toString()}`;
+
+
+    const response = await axios.get<TeamsResponse>(url);
+
      const parsedResponse = TeamsResponseSchema.parse(response.data);
-    return  { teams: parsedResponse.data.teams };
+     const teams = parsedResponse.data.teams;
+     const nextCursor = teams!=null ? teams[teams.length - 1]?.ID : null;
+
+     return { teams, nextCursor };
+    // return response.data.data.teams
   } catch (err) {
     console.log(err);
     throw err;

src/api/fetchTeams.ts

@@ -3,21 +3,38 @@ import { usersResponseSchema } from "@/data/schema";
 import axios from "./axiosConfig";
 
 export const fetchUsers = async ({
-  page,
   limit,
+  cursorId,
+  name,
 }: {
-  page: number;
   limit: number;
+  cursorId?: string;
+  name?: string;
 }) => {
   try {
-    const response = await axios.get<UserResponse>(
-      `admin/users?page=${page}&limit=${limit}`
-    );
+    const params = new URLSearchParams({ limit: String(limit) });
+
+    if (name) {
+      params.append("name", name);
+    } else if (cursorId) {
+      params.append("cursor", cursorId);
+    }
+
+    const url = `admin/users?${params.toString()}`;
+
+    const response = await axios.get<UserResponse>(url);
 
     const parsedResponse = usersResponseSchema.parse(response.data);
-    return {users: parsedResponse.data.users, totalPages: 100};
+    const users = parsedResponse.data.users;
+    console.log(users);
+    const nextCursor = users != null ? users[users.length - 1]?.ID : null;
+
+    return {
+      users,
+      nextCursor,
+    };
   } catch (err) {
     console.log(err);
     throw err;
   }
-};
+};

src/api/fetchUsers.ts

@@ -1,23 +1,17 @@
 // app/layout.tsx
+import { ThemeProvider } from "@/components/theme-provider";
 import Providers from "@/lib/Providers";
 import "@/styles/globals.css";
 import { GeistSans } from "geist/font/sans";
 import { type Metadata } from "next";
 import { Toaster } from "react-hot-toast";
-import { ThemeProvider } from "@/components/theme-provider";
 
-import {
-  Sheet,
-  SheetContent,
-  SheetTrigger,
-} from "@/components/ui/sheet";
-import { Button } from "@/components/ui/button";
-import Link from "next/link";
 import {
   Avatar,
   AvatarFallback,
   AvatarImage,
 } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -26,12 +20,19 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import {
-  HomeIcon,
-  UsersIcon,
+  Sheet,
+  SheetContent,
+  SheetTrigger,
+} from "@/components/ui/sheet";
+import {
   GroupIcon,
-  MenuIcon,
+  HomeIcon,
   LogOutIcon,
+  MenuIcon,
+  Search,
+  UsersIcon
 } from "lucide-react";
+import Link from "next/link";
 
 
 export const metadata: Metadata = {
@@ -76,7 +77,7 @@ export default function RootLayout({
                 <Sidebar />
                       <div className="flex flex-col flex-1">
                         <Navbar />
-                        <main className="flex-1 p-8">
+                        <main className=" p-8 overflow-y-scroll">
                             {children}
                             </main>
                       </div>
@@ -91,17 +92,18 @@ export default function RootLayout({
 
   function Sidebar() {
     const navigation = [
-      { name: "Dashboard", href: "/dashboard", icon: HomeIcon },
+      // { name: "Dashboard", href: "/dashboard", icon: HomeIcon },
       { name: "Users", href: "/users", icon: UsersIcon },
       { name: "Teams", href: "/teams", icon: GroupIcon },
+      {name: "Search Team", href: "/team_search", icon: Search}
     ];
 
     return (
       <aside className="border-r border-gray-200 h-full w-64  dark:border-gray-700">
         <ScrollArea className="h-full">
           <div className="p-4">
             <Link href="/" className="text-2xl font-bold mb-6 block">
-                CodeChef Admin
+                Devsoc Admin
             </Link>
           </div>
           <nav className="px-2 py-4">

src/app/layout.tsx

@@ -1,12 +1,20 @@
+"use client"
+
 import Image from "next/image";
 import Link from "next/link";
 import logo from "../../public/cc-logo.svg";
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
 
 export default function HomePage() {
+  const router = useRouter();
+  useEffect(()=>{
+    router.push("/users")
 
+  })
   return (
     <>
-      <main className="flex min-h-screen flex-col items-center justify-center p-8">
+      <main className=" flex min-h-screen flex-col items-center justify-center p-8">
         <div className="w-full max-w-xl rounded-lg bg-white p-8 text-center text-black shadow-lg">
           <Image
             src={logo as HTMLImageElement}