feat(app): add admin panel (#448)

* feat(app): add admin panel

* refactor(app): refactor admin panel

* refactor(app): rename getHref paremeter

Author: xStrixU

apps/api/modules/questions/questions.routes.ts

@@ -190,6 +190,12 @@ const questionsPlugin: FastifyPluginAsync = async (fastify) => {
 		url: "/questions/:id",
 		method: "PATCH",
 		schema: generatePatchQuestionByIdSchema(args),
+		preValidation(request, reply, done) {
+			if (request.session.data?._user._roleId !== "admin") {
+				throw fastify.httpErrors.unauthorized();
+			}
+			done();
+		},
 		async handler(request, reply) {
 			const { id } = request.params;
 
@@ -199,9 +205,9 @@ const questionsPlugin: FastifyPluginAsync = async (fastify) => {
 				where: { id },
 				data: {
 					question,
-					QuestionLevel: { connect: { id: level } },
-					QuestionCategory: { connect: { id: category } },
-					QuestionStatus: { connect: { id: status } },
+					...(level && { QuestionLevel: { connect: { id: level } } }),
+					...(category && { QuestionCategory: { connect: { id: category } } }),
+					...(status && { QuestionStatus: { connect: { id: status } } }),
 				},
 				select: {
 					id: true,
@@ -290,9 +296,20 @@ const questionsPlugin: FastifyPluginAsync = async (fastify) => {
 		async handler(request, reply) {
 			const { id } = request.params;
 
-			await fastify.db.question.delete({ where: { id } });
+			try {
+				await fastify.db.question.delete({ where: { id } });
+			} catch (err) {
+				if (isPrismaError(err)) {
+					switch (err.code) {
+						case PrismaErrorCode.RecordRequiredButNotFound:
+							throw fastify.httpErrors.notFound(`Question with id: ${id} not found!`);
+					}
+
+					throw err;
+				}
+			}
 
-			return reply.status(204);
+			return reply.status(204).send();
 		},
 	});
 

apps/api/modules/questions/questions.schemas.ts

@@ -156,10 +156,12 @@ export const generatePatchQuestionByIdSchema = <
 		params: Type.Object({
 			id: Type.Integer(),
 		}),
-		body: Type.Object({
-			...generateCreateQuestionShape(args),
-			status: Type.Union(args.statuses.map((val) => Type.Literal(val))),
-		}),
+		body: Type.Partial(
+			Type.Object({
+				...generateCreateQuestionShape(args),
+				status: Type.Union(args.statuses.map((val) => Type.Literal(val))),
+			}),
+		),
 		response: {
 			200: Type.Object({
 				data: generateQuestionResponseSchema(args),

apps/api/prisma/migrations/20221219175543_fix_question_vote_relation/migration.sql

@@ -0,0 +1,5 @@
+-- DropForeignKey
+ALTER TABLE "QuestionVote" DROP CONSTRAINT "QuestionVote__questionId_fkey";
+
+-- AddForeignKey
+ALTER TABLE "QuestionVote" ADD CONSTRAINT "QuestionVote__questionId_fkey" FOREIGN KEY ("_questionId") REFERENCES "Question"("id") ON DELETE CASCADE ON UPDATE NO ACTION;

apps/api/prisma/schema.prisma

@@ -47,7 +47,7 @@ model QuestionVote {
   userId     Int      @map("_userId")
   questionId Int      @map("_questionId")
   createdAt  DateTime @default(now()) @db.Timestamptz(6)
-  Question   Question @relation(fields: [questionId], references: [id], onDelete: NoAction, onUpdate: NoAction)
+  Question   Question @relation(fields: [questionId], references: [id], onDelete: Cascade, onUpdate: NoAction)
   User       User     @relation(fields: [userId], references: [id], onDelete: NoAction, onUpdate: NoAction)
 
   @@id([userId, questionId])

apps/app/public/icons/check.svg

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { Container } from "../../../components/Container";
+
+export default function AdminPageLayout({ children }: { readonly children: ReactNode }) {
+	return (
+		<Container as="main" className="flex flex-col items-center gap-6 py-6">
+			{children}
+		</Container>
+	);
+}

apps/app/public/icons/pencil.svg

@@ -0,0 +1,32 @@
+import { redirect } from "next/navigation";
+
+import { PrivateRoute } from "../../../components/PrivateRoute";
+import { parsePageQuery } from "../../../lib/queryParsers";
+import { parseQueryLevels } from "../../../lib/level";
+import { SearchParams } from "../../../types";
+import { parseStatusQuery } from "../../../lib/question";
+import { parseTechnologyQuery } from "../../../lib/technologies";
+import { AdminPanel } from "../../../components/AdminPanel/AdminPanel";
+
+export const dynamic = "force-dynamic";
+
+export default function AdminPage({
+	searchParams,
+}: {
+	searchParams?: SearchParams<"page" | "technology" | "level" | "status">;
+}) {
+	const page = parsePageQuery(searchParams?.page);
+	const technology = parseTechnologyQuery(searchParams?.technology);
+	const levels = parseQueryLevels(searchParams?.level);
+	const status = parseStatusQuery(searchParams?.status);
+
+	if (!page || !status) {
+		return redirect("/admin");
+	}
+
+	return (
+		<PrivateRoute>
+			<AdminPanel page={page} technology={technology} status={status} levels={levels} />
+		</PrivateRoute>
+	);
+}