chore(fe/fetch): change hook to service

Author: hyuse202

spez-frontend/src/app/page.tsx

@@ -1,5 +1,4 @@
 // "use client"
-import { useEffect } from 'react';
 // import { useRouter } from 'next/navigation';
 import NewsFeed from '@/components/NewsFeed';
 export default function Home() {

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

@@ -1,5 +1,5 @@
 "use client"
-import usePost from "@/hooks/usePost";
+import svPost from "@/utils/svPost";
 import Link from "next/link";
 import Comment from "@/components/Comment";
 import Parser from 'html-react-parser'
@@ -14,7 +14,7 @@ type Props = {
 };
 export default async function Post({ params }: Props) {
   const id: string = params.id;
-  const { getPost, getLike, getComment, delPost } = await usePost();
+  const { getPost, getLike, getComment, delPost } = svPost();
 
   const info: any = await getPost(id);
   const likes: any = await getLike(id);

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

@@ -1,5 +1,5 @@
 import React from "react";
-import useUser from "@/hooks/useUser";
+import useUser from "@/utils/svUser";
 import ImageUploader from "@/components/ImgUpload";
 import ImageFromBase64 from "@/components/DisplayImg";
 type Props = {

spez-frontend/src/components/Comment.tsx

@@ -1,7 +1,7 @@
 import { getRelativeTime } from "@/utils/getRelativeTime";
 import Link from "next/link";
 import Parser from "html-react-parser";
-import usePost from "@/hooks/usePost";
+import svPost from "@/utils/svPost";
 import { GoTrash } from "react-icons/go";
 type Prop = {
   id: string;
@@ -12,7 +12,7 @@ type Prop = {
 
 export default async function Comment({ id, author, content, date }: Prop) {
   const usr_url = "/user/" + author.id;
-  const { delComment } = await usePost();
+  const { delComment } = await svPost();
   const handleDelCmt = async (e: any) => {
     let token: any;
     if (typeof window !== "undefined") token = localStorage.getItem("jwt");

spez-frontend/src/components/ImgUpload.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useState } from "react";
-import useUser from "@/hooks/useUser";
+import useUser from "@/utils/svUser";
 interface ImgUploadProps {
   userId: string;
 }

spez-frontend/src/components/NewsFeed.tsx

@@ -1,8 +1,8 @@
-import usePost from "@/hooks/usePost"
+import svPost from "@/utils/svPost"
 import Post from "./Post";
 
 export default async function NewsFeed() {
-    const {getAllPost} = await usePost();
+    const {getAllPost} =  svPost();
     const AllPost = await getAllPost();
     // console.log(AllPost)
     return (

spez-frontend/src/components/Post.tsx

@@ -1,31 +1,32 @@
 import Link from "next/link";
-import Parser from 'html-react-parser'
+import Parser from "html-react-parser";
 import { getRelativeTime } from "@/utils/getRelativeTime";
-type Props = {
+type PostProps = {
   id: string;
   title: string;
   content: string;
   author: any;
   date: string;
 };
-export default function Post({ id, title, content, author, date }: Props) {
+const Post: React.FC<PostProps> = ({ id, title, content, author, date }) => {
   const author_url = "/user/" + author.id;
   const post_url = "/post/" + id;
   return (
     <div className="text-black p-2 border-2 border-slate-950 rounded w-1/2 shadow h-[17rem] overflow-hidden">
       <div className="pl-10">
-        <Link href={author_url} className="font-semibold "> {author.username}</Link>
-        {"     "} 
-        <a className="text-sm">
-          {getRelativeTime(date) }
-          </a>
+        <Link href={author_url} className="font-semibold ">
+          {" "}
+          {author.username}
+        </Link>
+        {"     "}
+        <a className="text-sm">{getRelativeTime(date)}</a>
       </div>
       <div className="pl-2 text-2xl font-bold">
         <Link href={post_url}>{title}</Link>
       </div>
       <div className="p-2">{Parser(content)}</div>
-      <div>
-      </div>
+      <div></div>
     </div>
   );
-}
+};
+export default Post;

spez-frontend/src/utils/getRelativeTime.tsx spez-frontend/src/utils/getRelativeTime.ts

@@ -1,6 +1,6 @@
 import { BE_URI } from "@/utils/constants";
 import axios from "axios";
-export default function usePost() {
+export default function svPost() {
   let token: any;
   if (typeof window !== "undefined") token = localStorage.getItem("jwt");
   console.log(token);

spez-frontend/src/hooks/usePost.ts spez-frontend/src/utils/svPost.ts

@@ -1,7 +1,7 @@
 import { BE_URI } from "@/utils/constants";
 import axios from "axios";
 
-export default function useUser() {
+export default function svUser() {
   const API: any = {
     usr: BE_URI + "/users/",
     // useprofile: BE_URI +