fix: guest login error

AboutClan · Sep 25, 2024 · f6b8c1c · f6b8c1c
1 parent 75ab1ee
commit f6b8c1c
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 12 deletions.
diff --git a/pageTemplates/group/GroupBlock.tsx b/pageTemplates/group/GroupBlock.tsx
@@ -1,6 +1,7 @@
 import dayjs from "dayjs";
 import Link from "next/link";
 import { useSession } from "next-auth/react";
+import { MouseEvent } from "react";
 import { useSetRecoilState } from "recoil";
 import styled from "styled-components";
 
@@ -43,8 +44,9 @@ function GroupBlock({ group }: IGroupBlock) {
     개설: dayjsToFormat(dayjs(group.createdAt), "YY년 M월 D일"),
   };
 
-  const onClick = () => {
+  const onClick = (e: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => {
     if (isGuest) {
+      e.preventDefault();
       failToast("guest");
       return;
     }
@@ -90,8 +92,8 @@ function GroupBlock({ group }: IGroupBlock) {
   };
 
   return (
-    <Link href={`/group/${group.id}`}>
-      <Layout onClick={onClick}>
+    <Link href={`/group/${group.id}`} onClick={(e) => onClick(e)}>
+      <Layout>
         <Header>
           <div>
             <span>{group.category.main}</span>·<span>{group.category.sub}</span>

diff --git a/pageTemplates/user/userProfile.tsx b/pageTemplates/user/userProfile.tsx
@@ -24,8 +24,8 @@ function UserProfile() {
   return (
     <>
       <Info>
-        <Link href="/user/friend" passHref>
-          <BlockItem onClick={handleClick}>
+        <Link href="/user/friend" passHref onClick={handleClick}>
+          <BlockItem>
             <span>
               내 친구{" "}
               <b style={{ display: "inline-block", width: "20px", textAlign: "center" }}>
@@ -36,8 +36,8 @@ function UserProfile() {
             <i className="fa-solid fa-chevron-right" />
           </BlockItem>
         </Link>
-        <Link href="/user/like" passHref>
-          <BlockItem onClick={handleClick}>
+        <Link href="/user/like" passHref onClick={handleClick}>
+          <BlockItem>
             <span>
               받은 좋아요{" "}
               <b style={{ display: "inline-block", width: "20px", textAlign: "center" }}>
@@ -58,7 +58,7 @@ const Info = styled.div`
   flex-direction: column;
 `;
 
-const BlockItem = styled.a`
+const BlockItem = styled.div`
   width: 100%;
   display: flex;
   align-items: center;

diff --git a/pages/api/auth/[...nextauth].ts b/pages/api/auth/[...nextauth].ts
@@ -141,10 +141,11 @@ export const authOptions: NextAuthOptions = {
         if (account && account.provider === "guest") {
           token = {
             ...token,
-            id: "0",
-            uid: "0",
+            id: "66f29811e0f0564ae35c52a4",
+            uid: "1234567890",
             name: "guest",
             role: "guest",
+            location: "수원",
             isActive: false,
             profileImage: "",
           };

diff --git a/pages/group/index.tsx b/pages/group/index.tsx
@@ -118,7 +118,8 @@ function GroupPage() {
   }, [category.sub, groups]);
 
   useEffect(() => {
-    if (!isGuest && groupStudies.length && !myGroups) {
+    if (isGuest) setMyGroups([]);
+    else if (groupStudies.length && !myGroups) {
       setMyGroups(
         groupStudies.filter((item) =>
           item.participants.some((who) => {
@@ -150,7 +151,7 @@ function GroupPage() {
   function StatusSelector() {
     return <Selector defaultValue={status} setValue={setStatus} options={["모집중", "종료"]} />;
   }
-
+  console.log(24, myGroups);
   return (
     <>
       <Header title="소모임" url="/home" isBack={false} />