Add /api/projects endpoints

packages/nextjs/app/project/[id]/page.tsx

@@ -6,11 +6,9 @@ import { ProjectTotalsComponent } from "~~/components/onchain-impact-dashboard/p
 import { ProjectService } from "~~/services/onchainImpactDashboardApi/projectService";
 
 export async function generateStaticParams() {
-  const { getPaginatedProjects } = ProjectService();
-  const data = await getPaginatedProjects();
-  return data.map(item => ({
-    id: item.id,
-  }));
+  const { getProjectIds } = ProjectService();
+  const projectIds = await getProjectIds();
+  return projectIds.map(id => ({ id }));
 }
 
 const ProjectDetail: NextPage<{ params: { id: string } }> = async ({ params }) => {

packages/nextjs/components/onchain-impact-dashboard/leaderBoardComponent/leaderBoardComponent.tsx

@@ -18,10 +18,10 @@ export const LeaderBoardComponent = () => {
   const [startDate, setStartDate] = useState("");
   const [endDate, setEndDate] = useState("");
   const { getPaginatedGlobalScores } = GlobalScoreService();
-  const { getPaginatedProjects } = ProjectService();
+  const { getAllProjects } = ProjectService();
 
   const getProjects = async () => {
-    const data = await getPaginatedProjects();
+    const data = await getAllProjects();
     setProjects(data);
   };
   useEffect(() => {

packages/nextjs/pages/api/projects/detail/[id].ts

@@ -0,0 +1,19 @@
+import { convertProjectToDto } from "..";
+import type { NextApiRequest, NextApiResponse } from "next";
+import { getProjectById } from "~~/services/database/projects";
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method !== "GET") {
+    return res.status(405).json({ message: "Method not allowed." });
+  }
+  const id = req.query.id as string | undefined;
+  if (!id) return res.status(400).json({ message: "Must include project ID" });
+  try {
+    const projectDetail = await getProjectById(id);
+    const projectDetailDto = convertProjectToDto(projectDetail);
+    res.status(200).json(projectDetailDto);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ message: "Internal Server Error" });
+  }
+}

packages/nextjs/pages/api/projects/ids.ts

@@ -0,0 +1,15 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { getProjectIds } from "~~/services/database/projects";
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method !== "GET") {
+    return res.status(405).json({ message: "Method not allowed." });
+  }
+  try {
+    const ids = await getProjectIds();
+    res.status(200).json(ids);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ message: "Internal Server Error" });
+  }
+}

packages/nextjs/pages/api/projects/index.ts

@@ -0,0 +1,38 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { Project } from "~~/app/types/data";
+import { getProjects } from "~~/services/database/projects";
+
+type ProjectDto = Pick<
+  Project,
+  "id" | "name" | "profileAvatarUrl" | "description" | "socialLinks" | "proejctCoverImageUrl"
+>;
+
+export const convertProjectToDto = ({
+  id,
+  proejctCoverImageUrl,
+  name,
+  profileAvatarUrl,
+  description,
+  socialLinks,
+}: Project): ProjectDto => ({
+  id,
+  proejctCoverImageUrl,
+  name,
+  profileAvatarUrl,
+  description,
+  socialLinks,
+});
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method !== "GET") {
+    return res.status(405).json({ message: "Method not allowed." });
+  }
+  try {
+    const projects = await getProjects();
+    const projectDtos = projects.map(convertProjectToDto);
+    res.status(200).json(projectDtos);
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ message: "Internal Server Error" });
+  }
+}

packages/nextjs/services/database/projects.ts

@@ -5,5 +5,21 @@ import { Project } from "./schema";
 const firestoreDB = getFirestoreConnector();
 const collectionName = "projects";
 const getProjectDoc = (id: string) => firestoreDB.collection(collectionName).doc(id);
-export const getProjectById = (id: string) => getProjectDoc(id).get();
+const getProjectsSnapshot = () => firestoreDB.collection(collectionName).get();
 export const addProjectDoc = (project: Project) => addDocumentToCollection(collectionName, project);
+
+export const getProjectIds = async () => {
+  const snapshot = await firestoreDB.collection(collectionName).get();
+  const ids = snapshot.docs.map(doc => doc.id);
+  return ids;
+};
+
+export const getProjectById = async (id: string) => {
+  const snapshot = await getProjectDoc(id).get();
+  return { id: snapshot.id, ...snapshot.data() } as Project;
+};
+
+export const getProjects = async () => {
+  const snapshot = await getProjectsSnapshot();
+  return snapshot.docs.map(doc => ({ id: doc.id, ...doc.data() } as Project));
+};

packages/nextjs/services/onchainImpactDashboardApi/projectService.ts

@@ -1,21 +1,29 @@
 import { Project } from "../database/schema";
 
 export const ProjectService = () => {
-  const baseURL = `${process.env.NEXT_PUBLIC_API_URL}/stub/projects`;
-  const getPaginatedProjects = async () => {
-    const response = await fetch(`${baseURL}?limit=100`);
-    const data = await response.json();
-    return data.data as Project[];
+  const baseURL = process.env.NEXT_PUBLIC_API_URL;
+
+  const getAllProjects = async () => {
+    const response = await fetch(`${baseURL}/projects`);
+    const allProjects = await response.json();
+    return allProjects as Project[];
   };
 
   const getProjectById = async (id: string) => {
-    const response = await fetch(`${baseURL}?id=${id}`);
-    const { data }: { data: Project } = await response.json();
+    const response = await fetch(`${baseURL}/projects/detail/${id}`);
+    const project: Project = await response.json();
+    return project;
+  };
+
+  const getProjectIds = async () => {
+    const response = await fetch(`${baseURL}/projects/ids`);
+    const data: string[] = await response.json();
     return data;
   };
 
   return {
-    getPaginatedProjects,
+    getAllProjects,
     getProjectById,
+    getProjectIds,
   };
 };