refactor: modularize types

Author: a2ys

app/allprojects/page.tsx

@@ -7,25 +7,7 @@ import ProjectList from "@/components/team/ProjectList";
 import Link from "next/link";
 import api from "@/api";
 import axios from "axios";
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface Project {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  description: string;
-  imageId: string;
-  teamId: string;
-  evaluations: Evaluation[];
-}
+import { Project } from "@/types";
 
 const Page = () => {
   const [projects, setProjects] = useState<Project[]>([]);

app/allteams/page.tsx

@@ -7,51 +7,7 @@ import SelectedTeamInfo from "@/components/allteams/SelectedTeamInfo";
 import axios from "axios";
 import React, { useEffect, useState } from "react";
 import Link from "next/link";
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface Project {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  description: string;
-  imageId: string;
-  teamId: string;
-  evaluations: Evaluation[];
-}
-
-interface Member {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  authId: string;
-  name: string;
-  role: string;
-  regNum: string;
-  phone: string;
-  college: string;
-  github: string;
-  imageId: string;
-  isLeader: boolean;
-  teamId: string;
-}
-
-interface Team {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  imageId: string;
-  members: Member[];
-  project: Project;
-}
+import { Team } from "@/types";
 
 export default function Page() {
   const [selectedTeamInfo, setSelectedTeamInfo] = useState<Team | null>(null);

app/allusers/page.tsx

@@ -8,31 +8,7 @@ import React, { useEffect, useState } from "react";
 import axios from "axios";
 import Link from "next/link";
 import { useAuth } from "@/context/AuthContext";
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface User {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  authId: string;
-  name: string;
-  role: string;
-  regNum: string;
-  phone: string;
-  college: string;
-  github: string;
-  imageId: string | null;
-  isLeader: boolean;
-  teamId: string | null;
-  evaluations: Evaluation[];
-}
+import { User } from "@/types";
 
 const Page = () => {
   const [users, setUsers] = useState<User[]>([]);

app/createproject/page.tsx

@@ -9,25 +9,7 @@ import { useAuth } from "@/context/AuthContext";
 import Link from "next/link";
 import api from "@/api";
 import axios from "axios";
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface Project {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  description: string;
-  imageId: string;
-  teamId: string;
-  evaluations: Evaluation[];
-}
+import { Project } from "@/types";
 
 const CreateProjectPage: React.FC = () => {
   const [name, setName] = useState("");

app/project/page.tsx

@@ -11,25 +11,7 @@ import { useAuth } from "@/context/AuthContext";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import React, { useState, useEffect } from "react";
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface Project {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  description: string;
-  imageId: string;
-  teamId: string;
-  evaluations: Evaluation[];
-}
+import { Project } from "@/types";
 
 const Profile = () => {
   const { user, loading, getUser } = useAuth();

app/team/[teamId]/page.tsx

@@ -11,54 +11,10 @@ import TeamInformation from "@/components/team/TeamInformation";
 import TeamMemberList from "@/components/team/TeamMemberList";
 import axios from "axios";
 import React, { useEffect, useState } from "react";
-
-interface TeamMember {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  authId: string;
-  name: string;
-  role: string;
-  regNum: string;
-  phone: string;
-  college: string;
-  github: string | null;
-  imageId: string | null;
-  isLeader: boolean;
-  teamId: string;
-}
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface Project {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  description: string;
-  imageId: string;
-  teamId: string;
-  evaluations: Evaluation[];
-}
-
-interface TeamResponse {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  imageId: string;
-  members: TeamMember[];
-  project: Project;
-}
+import { Team, User } from "@/types";
 
 const TeamPage = ({ params }: { params: Promise<{ teamId: string }> }) => {
-  const [response, setResponse] = useState<TeamResponse | null>(null);
+  const [response, setResponse] = useState<Team | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState("");
 
@@ -71,7 +27,7 @@ const TeamPage = ({ params }: { params: Promise<{ teamId: string }> }) => {
         return;
       }
 
-      const res = await api.get<TeamResponse>(`/team/${teamId}`);
+      const res = await api.get<Team>(`/team/${teamId}`);
 
       if (res.status === 200) {
         setResponse(res.data);
@@ -142,7 +98,7 @@ const TeamPage = ({ params }: { params: Promise<{ teamId: string }> }) => {
           <TeamInformation
             teamName={response.name}
             createdOn={new Date(response.createdAt)}
-            teamLeader={(getLeader() as TeamMember).name || "Unknown Leader"}
+            teamLeader={(getLeader() as User).name || "Unknown Leader"}
             teamId={response.id}
           />
           <TeamMemberList

app/team/page.tsx

@@ -12,54 +12,10 @@ import axios from "axios";
 import React, { useEffect, useState } from "react";
 import DangerButton from "@/components/ui/DangerButton";
 import { useRouter } from "next/navigation";
-
-interface TeamMember {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  authId: string;
-  name: string;
-  role: string;
-  regNum: string;
-  phone: string;
-  college: string;
-  github: string | null;
-  imageId: string | null;
-  isLeader: boolean;
-  teamId: string;
-}
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface Project {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  description: string;
-  imageId: string;
-  teamId: string;
-  evaluations: Evaluation[];
-}
-
-interface TeamResponse {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  imageId: string;
-  members: TeamMember[];
-  project: Project;
-}
+import { Team, Project } from "@/types";
 
 const TeamPage = () => {
-  const [response, setResponse] = useState<TeamResponse | null>(null);
+  const [response, setResponse] = useState<Team | null>(null);
   const [loading, setLoading] = useState(true);
   const [project, setProject] = useState<Project | null>(null);
   const [error, setError] = useState("");
@@ -75,7 +31,7 @@ const TeamPage = () => {
     }
 
     try {
-      const res = await api.get<TeamResponse>(`/team/${user.teamId}`);
+      const res = await api.get<Team>(`/team/${user.teamId}`);
 
       if (res.status === 200 && res.data) {
         setResponse(res.data);

components/allteams/SelectedTeamInfo.tsx

@@ -6,51 +6,7 @@ import DangerButton from "../ui/DangerButton";
 import Button from "../ui/Button";
 import Link from "next/link";
 import DialogBox from "../ui/DialogBox";
-
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
-interface Project {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  description: string;
-  imageId: string;
-  teamId: string;
-  evaluations: Evaluation[];
-}
-
-interface Member {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  authId: string;
-  name: string;
-  role: string;
-  regNum: string;
-  phone: string;
-  college: string;
-  github: string;
-  imageId: string;
-  isLeader: boolean;
-  teamId: string;
-}
-
-interface Team {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  name: string;
-  imageId: string;
-  members: Member[];
-  project: Project;
-}
+import { Team } from "@/types";
 
 interface SelectedTeamInfoProps {
   selectedTeamInfo: Team;

components/home/CardList.tsx

@@ -1,16 +1,7 @@
 import React, { useEffect, useState } from "react";
 import Card from "../ui/Card";
 import api from "@/api";
-
-interface Project {
-  id: string;
-  name: string;
-  description: string;
-  createdAt: string;
-  updatedAt: string;
-  imageId: string | null;
-  teamId: string;
-}
+import { Project } from "@/types";
 
 const CardList: React.FC = () => {
   const [projects, setProjects] = useState<Project[]>([]);

components/project/ProjectCard.tsx

@@ -1,16 +1,9 @@
+import { Evaluation } from "@/types";
 import { HistoryIcon, ZapIcon } from "lucide-react";
 import Image from "next/image";
 import React from "react";
 import { Calendar } from "react-feather";
 
-interface Evaluation {
-  id: string;
-  createdAt: string;
-  updatedAt: string;
-  projectId: string;
-  score: number;
-}
-
 interface ProjectCardProps {
   createdAt: string;
   updatedAt: string;