created a route for public collections

pages/api/public/routes/collections.ts

@@ -0,0 +1,24 @@
+// Copyright (C) 2022-present Daniel31x13 <daniel31x13@gmail.com>
+// This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, version 3.
+// This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+// You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import getCollection from "@/lib/api/controllers/public/getCollection";
+import type { NextApiRequest, NextApiResponse } from "next";
+
+export default async function (req: NextApiRequest, res: NextApiResponse) {
+  const collectionId = Number(req.query.collectionId);
+
+  if (!collectionId) {
+    return res
+      .status(401)
+      .json({ response: "Please choose a valid collection." });
+  }
+
+  if (req.method === "GET") {
+    const collection = await getCollection(collectionId);
+    return res
+      .status(collection.status)
+      .json({ response: collection.response });
+  }
+}

pages/public/collections/[id].tsx

@@ -1,5 +1,29 @@
-import React from "react";
+import getPublicCollectionData from "@/lib/client/getPublicCollectionData";
+import { PublicCollectionIncludingLinks } from "@/types/global";
+import { useRouter } from "next/router";
+import React, { useEffect, useState } from "react";
 
 export default function PublicCollections() {
-  return <div>Hello</div>;
+  const router = useRouter();
+
+  const [data, setData] = useState<PublicCollectionIncludingLinks>();
+
+  useEffect(() => {
+    const init = async () => {
+      if (router.query.id) {
+        const data = await getPublicCollectionData(router.query.id as string);
+
+        setData(data);
+      }
+    };
+
+    init();
+  }, []);
+
+  return (
+    <div>
+      <p>Hello</p>
+      {JSON.stringify(data)}
+    </div>
+  );
 }