feat: Update details

.eslintrc.json

@@ -11,6 +11,7 @@
         "destructuredArrayIgnorePattern": "^_",
         "ignoreRestSiblings": true
       }
-    ]
+    ],
+    "react/no-unescaped-entities": 0
   }
 }

src/api-client/answers.ts

@@ -1,38 +1,54 @@
 import axios from "axios";
 
-import { IAnswerSubmitData, IResult, ISelectedResult } from "~/utils/types";
+import { IAnswer } from "~/models/Answer";
+import { IPerson } from "~/models/Person";
+
+export interface IFormDataProps {
+  questionId: string;
+  question: string;
+  answer: string;
+}
+
+export interface IAnswerResult {
+  answers: IAnswer[];
+  person: IPerson;
+}
+
+// SUBMIT
+export async function submitAnswers(formData: IFormDataProps[]) {
+  if (!formData.length) {
+    throw new Error("Input data length is 0.");
+  }
 
-// Get
-export async function getAnswers(slug: string): Promise<IResult | null> {
   try {
-    const response = await axios.get<IResult>(`/api/answers/${slug}`);
+    const response = await axios.post<IFormDataProps[]>(
+      "/api/answers",
+      {
+        formData,
+      },
+      {
+        headers: {
+          "Content-Type": "application/json",
+        },
+      },
+    );
 
     const data = response.data;
 
     return data;
   } catch (err) {
     if (err instanceof Error) {
-      console.log("🔴", err.message);
+      console.log(err.message);
     }
-
-    return null;
   }
 }
 
-// Get selected answers
-export async function getSelectedAnswers(
-  slugs: string[],
-): Promise<ISelectedResult[]> {
-  if (!slugs.length) {
-    return [];
-  }
-
+// GET BY SLUG
+export async function getAnswersBySlug(
+  slug: string,
+): Promise<IAnswerResult | null> {
   try {
-    const response = await axios.get<ISelectedResult[]>(`/api/answers`, {
-      params: {
-        slugs: slugs.toString(),
-      },
-    });
+    const response = await axios.get<IAnswerResult>(`/api/answers/${slug}`);
 
     const data = response.data;
 
@@ -42,35 +58,33 @@ export async function getSelectedAnswers(
       console.log("🔴", err.message);
     }
 
-    return [];
+    return null;
   }
 }
 
-// Submit answers
-export async function submitAnswers(inputData: IAnswerSubmitData[]) {
-  if (!inputData.length) {
-    throw new Error("Some params are missing: inputData.");
+// GET BY SLUG ARRAY
+export async function getAnswersBySlugArray(
+  slugs: string[],
+): Promise<IAnswerResult[]> {
+  if (!slugs.length) {
+    return [];
   }
 
   try {
-    const response = await axios.post<IAnswerSubmitData[] | undefined>(
-      "/api/answers",
-      {
-        inputData,
-      },
-      {
-        headers: {
-          "Content-Type": "application/json",
-        },
+    const response = await axios.get<IAnswerResult[]>(`/api/answers`, {
+      params: {
+        slugs: slugs.toString(),
       },
-    );
+    });
 
     const data = response.data;
 
     return data;
   } catch (err) {
     if (err instanceof Error) {
-      console.log(err.message);
+      console.log("🔴", err.message);
     }
+
+    return [];
   }
 }

src/api-client/names.ts

@@ -1,14 +1,14 @@
 import axios from "axios";
 
-import { IName } from "~/models";
+import { IName } from "~/models/Name";
 
-interface CreateUserProps {
+interface INameProps {
   name: string;
   link: string;
 }
 
-// Create
-export async function createName({ name, link }: CreateUserProps) {
+// CREATE NAME
+export async function createName({ name, link }: INameProps) {
   if (!name || !link) {
     throw new Error("Name and link are required.");
   }

src/api-client/people.ts

@@ -1,8 +1,8 @@
 import axios, { AxiosResponse } from "axios";
 
-import { IPerson } from "~/utils/types";
+import { IPerson } from "~/models/Person";
 
-// Get Person by slug
+// GET BY SLUG
 export async function getPerson(slug: string): Promise<IPerson | null> {
   try {
     const response: AxiosResponse<IPerson> = await axios.get(
@@ -21,7 +21,7 @@ export async function getPerson(slug: string): Promise<IPerson | null> {
   }
 }
 
-// Get ALL people
+// GET ALL
 export async function getPeople() {
   try {
     const response: AxiosResponse<IPerson[]> = await axios.get(`/api/people`);

src/api-client/questions.ts

@@ -1,7 +1,8 @@
 import axios, { AxiosResponse } from "axios";
 
-import { IQuestion } from "~/utils/types";
+import { IQuestion } from "~/models/Question";
 
+// GET ALL
 export async function getQuestions() {
   try {
     const response: AxiosResponse<IQuestion[] | undefined> =

src/api-client/subscriptions.ts

@@ -0,0 +1,34 @@
+import axios from "axios";
+
+import { ISubscription } from "~/models/Subscription";
+
+export type SubscriptionProps = Pick<ISubscription, "email">;
+
+// CREATE SUBSCRIPTION
+export async function createSubscription({ email }: SubscriptionProps) {
+  if (!email) {
+    throw new Error("Email is required.");
+  }
+
+  try {
+    const response = await axios.post<ISubscription>(
+      "api/subscriptions",
+      {
+        email,
+      },
+      {
+        headers: {
+          "Content-Type": "application/json",
+        },
+      },
+    );
+
+    const data = response.data;
+
+    return data;
+  } catch (err) {
+    if (err instanceof Error) {
+      console.log(err);
+    }
+  }
+}

src/app/api/answers/[slug]/route.ts

@@ -1,8 +1,9 @@
 import { NextResponse } from "next/server";
 
 import { connectDB } from "~/app/lib/connectDB";
-import { IAnswer, IPerson, IQuestion } from "~/utils/types";
-import { Answer, Person } from "~/models";
+import { Answer, IAnswer } from "~/models/Answer";
+import { IPerson, Person } from "~/models/Person";
+import { IQuestion } from "~/models/Question";
 
 interface ReqParams {
   params: { slug: string };