Implement Question Views (Approach #2)

Author: adrianhajdin

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

@@ -7,23 +7,23 @@ import { Preview } from "@/components/editor/Preview";
 import Metric from "@/components/Metric";
 import UserAvatar from "@/components/UserAvatar";
 import ROUTES from "@/constants/routes";
-import { getQuestion } from "@/lib/actions/question.action";
+import { getQuestion, incrementViews } from "@/lib/actions/question.action";
 import { formatNumber, getTimeStamp } from "@/lib/utils";
 
-import View from "../view";
-
 const QuestionDetails = async ({ params }: RouteParams) => {
   const { id } = await params;
-  const { success, data: question } = await getQuestion({ questionId: id });
+
+  const [_, { success, data: question }] = await Promise.all([
+    await incrementViews({ questionId: id }),
+    await getQuestion({ questionId: id }),
+  ]);
 
   if (!success || !question) return redirect("/404");
 
   const { author, createdAt, answers, views, tags, content, title } = question;
 
   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

@@ -1,9 +1,7 @@
 "use server";
 
 import mongoose, { Error, FilterQuery } from "mongoose";
-import { revalidatePath } from "next/cache";
 
-import ROUTES from "@/constants/routes";
 import Question, { IQuestionDoc } from "@/database/question.model";
 import TagQuestion from "@/database/tag-question.model";
 import Tag, { ITagDoc } from "@/database/tag.model";
@@ -318,8 +316,6 @@ export async function incrementViews(
 
     await question.save();
 
-    revalidatePath(ROUTES.QUESTION(questionId));
-
     return {
       success: true,
       data: { views: question.views },