fix(host): test

Author: hyuse202

spez-backend/.gitignore

@@ -2,4 +2,5 @@ venv/
 alembic/
 .env
 alembic.ini
-__pycache__/
+__pycache__/
+/myenv

spez-backend/app/main.py

@@ -13,19 +13,20 @@
     description="SPez app",
     version="0.2.0",
 )
-origins = [
-    "http://localhost",
-    "http://localhost:3000",
-    "http://localhost:8000"
-    # Add your frontend domain here
-]
-
+# origins = [
+#     "https://spez.hungnq.online/*",
+#     "http://localhost",
+#     "http://localhost:3000",
+#     "http://localhost:8000"
+#     # Add your frontend domain here
+# ]
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=origins,
+    allow_origins=["*"],  # Allows all origins
     allow_credentials=True,
-    allow_methods=["*"],
-    allow_headers=["*"],
+    allow_methods=["*"],  # Allows all methods
+    allow_headers=["*"],  # Allows all headers
 )
+
 # Include the items router
 app.include_router(route.router)

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

@@ -1,33 +1,57 @@
 "use client"
-import svPost from "@/utils/svPost";
+import svPost from "../../../utils/svPost"
 import Link from "next/link";
 import Comment from "@/components/Comment";
 import Parser from 'html-react-parser'
+import Image from "next/image";
+import EagleEmoji from '../../../../public/eagle_emoji.png'
 import CmtForm from "@/components/CmtForm";
 import { getRelativeTime } from "@/utils/getRelativeTime";
+import axios from "axios";
 import { GoTrash } from "react-icons/go";
-import { IPost, IComment } from "@/types";
-import LikeButton from "@/components/LikeButton";
+import { useEffect } from "react";
 type Props = {
   params: { id: string };
 };
-// interface getILike{
-//   like: number
-// }
 export default async function Post({ params }: Props) {
   const id: string = params.id;
-  const { getPost, getLike, getComment, delPost } = svPost();
+  const { getPost, getLike, getComment, delPost } = await svPost();
+  useEffect(aysnc () => {
+    const info: any = await getPost(id);
+    const likes: any = await getLike(id);
+    const comment: any = await getComment(id);
+    const author_url = "/user/" + info.author.id;
 
-  const info: IPost = await getPost(id);
-  const likes: number = await getLike(id);
-  console.log(likes)
-  const comment: IComment[] = await getComment(id);
-  const author_url = "/user/" + info.author.id;
-  const handleDelPost = async () => {
-    let token: string | null = null
+  },[])
+  const handleLikeButton = async (e: React.FormEvent) => {
+    e.preventDefault();
+    try {
+      // Send a POST request to your FastAPI backend
+      let token: any
+      if (typeof window !== 'undefined')
+        token = localStorage.getItem('jwt')
+      await axios.post(`http://spezbe.hungnq.online/likes/?post_id=${id}`, 
+        {
+          headers: {
+            'accept': 'application/json',
+            'Authorization': `Bearer ${token}`
+          }
+        }
+      );
+      
+      // Redirect or give feedback upon success
+      // alert('Post created successfully!');
+    } catch (error) {
+      console.error('Error posting data:', error);
+      alert('Failed to create like.');
+    }
+  };
+  const handleDelPost = async (e: React.FormEvent) => {
+    let token: any
     if (typeof window !== 'undefined')
       token = localStorage.getItem('jwt')
-     await delPost(id, token);
+    const deletePost:any = await delPost(id, token);
+    console.log(deletePost)
 
   }
   return (
@@ -45,22 +69,28 @@ export default async function Post({ params }: Props) {
           <div className="pl-2 text-2xl font-bold">{info.title}</div>
           <div className="p-2">{Parser(info.content)}</div>
           <div className="flex flex-row">
-              <LikeButton initialLikes={likes} post_id={id} />
+            <button onClick={handleLikeButton} className="w-auto flex flex-row border-2 border-black rounded-full px-2">
+            <p className="pt-[0.35rem]"> Ưng</p>
+              <Image
+                src={EagleEmoji}
+                alt = "eagle_img"
+                width={30}
+                height={50} />
+              <p className="pt-[0.35rem]">: {likes} </p>
+            </button>
             <div className="w-auto mt-[0.35rem] ml-5 border-2 rounded-full px-2 border-black">Phản hồi: {comment.length}</div>
-          </div> 
+          </div>
           <CmtForm postId={id} />
         </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>
-          {comment.map((element: IComment) => (
+          {comment.map((e: any) => (
             <Comment
-              key={element.id}
-                id = {element.id}
-                author = {element.author}
-                content= {element.content}
-                created_at = {element.created_at}
-                updated_at= {element.updated_at}
-                post_id= {element.post_id}
+                // author_id = {comment.author}
+                id = {e.id}
+                author = {e.author}
+                content= {e.content}
+                date = {e.created_at}
             />
           ))}
         </div>

spez-frontend/src/components/CmtForm.tsx

@@ -28,7 +28,7 @@ export default function CmtForm({ postId }: Props) {
       if (token === undefined) router.push("/");
       // console.log(token)
       await axios.post(
-        `http://localhost:8000/posts/cmt/${postId}`,
+        `https://spezbe.hungnq.online/posts/cmt/${postId}`,
         {
           content: content,
         },

spez-frontend/src/components/LoginForm.tsx

@@ -24,7 +24,7 @@ export default function LoginForm() {
     // console.log(body)
     // API call to authenticate using x-www-form-urlencoded
     try {
-        const res = await fetch('http://localhost:8000/token', {
+        const res = await fetch('https://spezbe.hungnq.online/token', {
           method: 'POST',
           headers: {
             'Content-Type': 'application/x-www-form-urlencoded',

spez-frontend/src/components/PostForm.tsx

@@ -27,7 +27,7 @@ export default function PostForm () {
         token = localStorage.getItem('jwt')
       if(token === undefined)
         router.push('/')
-      await axios.post('http://localhost:8000/posts/', 
+      await axios.post('https://spezbe.hungnq.online/posts/', 
         {
 
         title: title,

spez-frontend/src/utils/constants.ts

@@ -1 +1 @@
-export const BE_URI = 'http://localhost:8000'
+export const BE_URI = 'https://spezbe.hungnq.online'