Increment Question Details Views

Author: adrianhajdin

app/(root)/questions/[id]/page.tsx

@@ -7,8 +7,8 @@ import { getQuestion } from "@/lib/actions/question.action";
 import { formatNumber, getTimeStamp } from "@/lib/utils";
 import Link from "next/link";
 import { redirect } from "next/navigation";
-import { title } from "process";
 import React from "react";
+import View from "../view";
 
 const QuestionDetails = async ({ params }: RouteParams) => {
   const { id } = await params;
@@ -20,6 +20,8 @@ const QuestionDetails = async ({ params }: RouteParams) => {
 
   return (
     <>
+      <View questionId={id} />
+
       <div className="flex-start w-full flex-col">
         <div className="flex w-full flex-col-reverse justify-between">
           <div className="flex items-center justify-start gap-1">

app/(root)/questions/view.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { toast } from "@/hooks/use-toast";
+import { incrementViews } from "@/lib/actions/question.action";
+import { useEffect } from "react";
+
+const View = ({ questionId }: { questionId: string }) => {
+  const handleIncrement = async () => {
+    const result = await incrementViews({ questionId });
+
+    if (result.success) {
+      toast({
+        title: "Success",
+        description: "Views incremented",
+      });
+    } else {
+      toast({
+        title: "Error",
+        description: result.error?.message,
+        variant: "destructive",
+      });
+    }
+  };
+
+  useEffect(() => {
+    handleIncrement();
+  }, []);
+
+  return null;
+};
+
+export default View;

lib/actions/question.action.ts

@@ -12,8 +12,11 @@ import {
   AskQuestionSchema,
   EditQuestionSchema,
   GetQuestionSchema,
+  IncrementViewsSchema,
   PaginatedSearchParamsSchema,
 } from "../validations";
+import { revalidatePath } from "next/cache";
+import ROUTES from "@/constants/routes";
 
 export async function createQuestion(
   params: CreateQuestionParams
@@ -200,6 +203,10 @@ export async function getQuestion(
     return handleError(validationResult) as ErrorResponse;
   }
 
+  if (validationResult instanceof Error) {
+    return handleError(validationResult) as ErrorResponse;
+  }
+
   const { questionId } = validationResult.params!;
 
   try {
@@ -285,3 +292,39 @@ export async function getQuestions(
     return handleError(error) as ErrorResponse;
   }
 }
+
+export async function incrementViews(
+  params: IncrementViewsParams
+): Promise<ActionResponse<{ views: number }>> {
+  const validationResult = await action({
+    params,
+    schema: IncrementViewsSchema,
+  });
+
+  if (validationResult instanceof Error) {
+    return handleError(validationResult) as ErrorResponse;
+  }
+
+  const { questionId } = validationResult.params!;
+
+  try {
+    const question = await Question.findById(questionId);
+
+    if (!question) {
+      throw new Error("Question not found");
+    }
+
+    question.views += 1;
+
+    await question.save();
+
+    revalidatePath(ROUTES.QUESTION(questionId));
+
+    return {
+      success: true,
+      data: { views: question.views },
+    };
+  } catch (error) {
+    return handleError(error) as ErrorResponse;
+  }
+}

lib/validations.ts

@@ -145,3 +145,7 @@ export const PaginatedSearchParamsSchema = z.object({
 export const GetTagQuestionsSchema = PaginatedSearchParamsSchema.extend({
   tagId: z.string().min(1, { message: "Tag ID is required." }),
 });
+
+export const IncrementViewsSchema = z.object({
+  questionId: z.string().min(1, { message: "Question ID is required." }),
+});

types/action.d.ts

@@ -33,3 +33,7 @@ interface GetQuestionParams {
 interface GetTagQuestionsParams extends Omit<PaginatedSearchParams, "filter"> {
   tagId: string;
 }
+
+interface IncrementViewsParams {
+  questionId: string;
+}