fix: loading bug (#104)

* fix: loading bug

* style: 🤖 prettier code by github action

---------

Co-authored-by: Falcon <falfzz28@gmail.com>
Co-authored-by: Nathan <79507956+CUexter@users.noreply.github.com>
Co-authored-by: CUexter <CUexter@users.noreply.github.com>

CHANGELOG.md

@@ -1,9 +1,8 @@
 # [1.10.0](https://github.com/CUexter/Tweet/compare/v1.9.2...v1.10.0) (2023-04-13)
 
-
 ### Features
 
-* like/dislike functionality ([#96](https://github.com/CUexter/Tweet/issues/96)) ([381384d](https://github.com/CUexter/Tweet/commit/381384deb570baa63a30f43bbfcf285792fb0153))
+- like/dislike functionality ([#96](https://github.com/CUexter/Tweet/issues/96)) ([381384d](https://github.com/CUexter/Tweet/commit/381384deb570baa63a30f43bbfcf285792fb0153))
 
 ## [1.9.2](https://github.com/CUexter/Tweet/compare/v1.9.1...v1.9.2) (2023-04-13)
 

src/components/like.tsx

@@ -10,17 +10,15 @@ import { useSession } from "next-auth/react";
 import { useState } from "react";
 
 interface likeProps {
-  id: {
-    id: string;
-  };
+  id: string;
 }
 
 const Like = ({ id }: likeProps) => {
   const [isLoading, setIsLoading] = useState(true);
 
   const count = api.like.checkCount.useQuery(
     {
-      tweet_id: id.id,
+      tweet_id: id,
     },
     {
       onSuccess: () => {
@@ -50,7 +48,7 @@ const Like = ({ id }: likeProps) => {
     );
   }
 
-  //console.log(uid, id.id);
+  console.log("id: ", id);
 
   const likeMutation = api.like.like.useMutation();
   const unLikeMutation = api.like.unLike.useMutation();
@@ -59,7 +57,7 @@ const Like = ({ id }: likeProps) => {
   const likeQuery = api.like.checkLike.useQuery(
     {
       user_id: uid,
-      tweet_id: id.id,
+      tweet_id: id,
     },
     {
       onSuccess: () => {
@@ -70,7 +68,7 @@ const Like = ({ id }: likeProps) => {
   const dislikeQuery = api.like.checkDislike.useQuery(
     {
       user_id: uid,
-      tweet_id: id.id,
+      tweet_id: id,
     },
     {
       onSuccess: () => {
@@ -118,7 +116,7 @@ const Like = ({ id }: likeProps) => {
       await likeMutation
         .mutateAsync({
           user_id: uid as string,
-          tweet_id: id.id,
+          tweet_id: id,
         })
         .then(() => {
           void likeQuery.refetch();
@@ -167,7 +165,7 @@ const Like = ({ id }: likeProps) => {
       }
       await DislikeMutation.mutateAsync({
         user_id: uid as string,
-        tweet_id: id.id,
+        tweet_id: id,
       })
         .then(() => {
           void dislikeQuery.refetch();

src/server/api/routers/like.ts

@@ -20,7 +20,7 @@ export const LikeRouter = createTRPCRouter({
       });
       return result;
     }),
-  checkLike: protectedProcedure
+  checkLike: publicProcedure
     .input(
       z.object({
         user_id: z.string(),
@@ -68,7 +68,7 @@ export const LikeRouter = createTRPCRouter({
       });
       return result;
     }),
-  checkDislike: protectedProcedure
+  checkDislike: publicProcedure
     .input(
       z.object({
         user_id: z.string(),