chore(fe): hooks

Author: hyuse202

spez-frontend/.eslintrc.json

@@ -1,4 +1,6 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
-  
+  "extends": ["next/core-web-vitals", "next/typescript"],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "off"
+  }
 }

spez-frontend/src/app/post/[id]/page.tsx

@@ -6,7 +6,8 @@ import Parser from 'html-react-parser'
 import CmtForm from "@/components/CmtForm";
 import { getRelativeTime } from "@/utils/getRelativeTime";
 import { GoTrash } from "react-icons/go";
-import { IPost, IComment } from "@/types";
+// import { IPost, IComment } from "@/types";
+import { IComment } from "@/types";
 import LikeButton from "@/components/LikeButton";
 // import svLike from "@/services/svLike";
 import { useEffect, useState } from "react";
@@ -18,6 +19,7 @@ type Props = {
 };
 export default function Post({ params }: Props) {
   const id: string = params.id;
+  /* eslint-enable @typescript-eslint/no-unused-vars */
   const {post, isLoadingInfo} = usePost(id)
   const {Comments, isLoadingComments} = useComments(id)
   const {Likes, isLoadingLikes} = useLikes(id)
@@ -29,6 +31,8 @@ export default function Post({ params }: Props) {
       token = localStorage.getItem('jwt')
      await delPost(id, token);
   }
+  const Cmts: IComment[] = Comments as IComment[]
+  // console.log(post)
   return (
     <>
       <div className="w-full p-8 flex flex-col justify-center items-center space-y-2">
@@ -51,7 +55,8 @@ export default function Post({ params }: Props) {
         </div>
         <div className="border-2 border-slate-950 p-2 text-black rounded shadow h-full w-1/2 space-y-5">
         <a className="font-bold text-2xl">Bình Loạn</a>
-          {Comments?.map((element: IComment) => (
+          {/* {
+          Cmts?.map((element: IComment) => (
             <Comment
               key={element.id}
                 id = {element.id}
@@ -61,7 +66,7 @@ export default function Post({ params }: Props) {
                 updated_at= {element.updated_at}
                 post_id= {element.post_id}
             />
-          ))}
+          ))} */}
         </div>
       </div>
     </>

spez-frontend/src/components/Comment.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 import Parser from "html-react-parser";
 import { GoTrash } from "react-icons/go";
 import { IComment } from "@/types";
-import svCmt from "@/services/svCmt";
+import {svCmt} from "@/services/svCmt";
 
 export default async function Comment({id, author, content, created_at}: IComment) {
   const usr_url = "/user/" + author.id;

spez-frontend/src/components/LikeButton.tsx

@@ -3,7 +3,7 @@
 import React, { useState } from "react";
 import Image from "next/image";
 import EagleEmoji from "../../public/eagle_emoji.png";
-import svLike from "@/services/svLike";
+import {svLike} from "@/services/svLike";
 interface LikeButtonProps {
   initialLikes: number | null;
   post_id: string

spez-frontend/src/components/LoginForm.tsx

@@ -20,7 +20,7 @@ export default function LoginForm() {
     const body = new URLSearchParams();
     body.append('username', username);
     body.append('password', password);
-    console.log(body)
+    // console.log(body)
     // API call to authenticate using x-www-form-urlencoded
     try {
         const res = await authenticate(body.toString())
@@ -33,7 +33,7 @@ export default function LoginForm() {
 
         const data = await res.json();
         // Assuming the API returns the JWT token in the response
-        console.log(data)
+        // console.log(data)
         if (data.access_token) {
           // Store JWT in localStorage (or cookies for security-sensitive applications)
           localStorage.setItem('jwt', data.access_token);

spez-frontend/src/hooks/useComments.ts

@@ -1,5 +1,6 @@
 import useSWR from "swr"
 import { getComments } from "@/services/svCmt"
+// import { IComment } from "@/types"
 const  useComments = (id: string) => {
 
     const {data, isLoading } = useSWR(id, getComments)

spez-frontend/src/services/svLike.ts

@@ -21,14 +21,6 @@ export const svLike = () => {
     })
   }
 
-  async function getLike(id: string) {
-    const data = await axios.get(API.like + "/post/" + id, {
-      headers: {
-        accept: "application/json",
-      },
-    });
-    return data.data;
-  }
   return {
     postLike,
     delLike,