From ea30bf0e0aa6d4d9b72e9d836ad4afd98314b189 Mon Sep 17 00:00:00 2001 From: sunhwaaRj Date: Thu, 2 Apr 2026 20:30:44 +0900 Subject: [PATCH 1/8] =?UTF-8?q?#164=20[FEAT]=20=EA=B3=B5=EC=9C=A0=20?= =?UTF-8?q?=EB=A7=90=ED=92=8D=EC=84=A0=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../teampsylog/_components/KeywordBar.tsx | 27 ++++++++++++++++++- .../_components/KeywordGuideBalloon.tsx | 4 ++- 2 files changed, 29 insertions(+), 2 deletions(-) diff --git a/src/app/(main)/teampsylog/_components/KeywordBar.tsx b/src/app/(main)/teampsylog/_components/KeywordBar.tsx index b89bf95f..e0ac5dc8 100644 --- a/src/app/(main)/teampsylog/_components/KeywordBar.tsx +++ b/src/app/(main)/teampsylog/_components/KeywordBar.tsx @@ -1,5 +1,5 @@ import { useGetKeyword } from '@/hooks/queries/useKeyword'; -import React, { useEffect, useState } from 'react'; +import React, { useEffect, useRef, useState } from 'react'; import KeywordItem from './KeywordItem'; import Image from 'next/image'; import ProfileDropdown from './ProfileDropdown'; @@ -63,6 +63,11 @@ const KeywordBar = ({ addToast({ message: '링크가 복사되었어요' }); }; + const dismissedByUser = useRef(false); // X 버튼으로 닫았는지 여부 + + // showShareGuide: dismissedByUser가 false이고, 수정모드가 아닐 때만 표시 + const showShareGuide = !dismissedByUser.current && !isEditMode; + useEffect(() => { // 편집 모드이고 아직 슬롯이 선택되지 않았을 때만 가이드 표시 if (isEditMode && selectedSlot === null) { @@ -114,6 +119,16 @@ const KeywordBar = ({ + {showShareGuide && ( + { + dismissedByUser.current = true; + }} + text="팀피셜록 링크를 공유해보세요!" + share={true} + /> + )} )} @@ -148,6 +163,16 @@ const KeywordBar = ({ {isEditMode && showGuide && ( setShowGuide(false)} /> )} + {showShareGuide && ( + { + dismissedByUser.current = true; + }} + text={`팀피셜록 링크를\n공유해보세요!`} + share={true} + /> + )}
{mobileDisplayKeywords.map((keyword, index) => ( void; text?: string; } const KeywordGuideBalloon: React.FC = ({ position, + share = false, onClose, text = '변경할 대표 키워드를\n먼저 선택하세요', }) => { return (
From a7191bda4b81ec4cbe123dd73adb7bd3fbfb33c4 Mon Sep 17 00:00:00 2001 From: sunhwaaRj Date: Thu, 2 Apr 2026 22:31:19 +0900 Subject: [PATCH 2/8] =?UTF-8?q?#164=20[CHORE]=20=EA=B3=B5=EC=9C=A0=20?= =?UTF-8?q?=EB=A7=90=ED=92=8D=EC=84=A0=20=EC=9C=84=EC=B9=98=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/(main)/teampsylog/_components/KeywordBar.tsx | 2 ++ .../teampsylog/_components/KeywordGuideBalloon.tsx | 10 ++++++++-- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/app/(main)/teampsylog/_components/KeywordBar.tsx b/src/app/(main)/teampsylog/_components/KeywordBar.tsx index e0ac5dc8..014cf57c 100644 --- a/src/app/(main)/teampsylog/_components/KeywordBar.tsx +++ b/src/app/(main)/teampsylog/_components/KeywordBar.tsx @@ -127,6 +127,7 @@ const KeywordBar = ({ }} text="팀피셜록 링크를 공유해보세요!" share={true} + balloonClassName="right-4" /> )}
@@ -171,6 +172,7 @@ const KeywordBar = ({ }} text={`팀피셜록 링크를\n공유해보세요!`} share={true} + balloonClassName="right-0 -translate-y-10" /> )}
diff --git a/src/app/(main)/teampsylog/_components/KeywordGuideBalloon.tsx b/src/app/(main)/teampsylog/_components/KeywordGuideBalloon.tsx index 6025ac4e..1c548145 100644 --- a/src/app/(main)/teampsylog/_components/KeywordGuideBalloon.tsx +++ b/src/app/(main)/teampsylog/_components/KeywordGuideBalloon.tsx @@ -5,6 +5,7 @@ interface KeywordGuideBalloonProps { share?: boolean; onClose: () => void; text?: string; + balloonClassName?: string; // 말풍선 위치 오버라이드 } const KeywordGuideBalloon: React.FC = ({ @@ -12,10 +13,13 @@ const KeywordGuideBalloon: React.FC = ({ share = false, onClose, text = '변경할 대표 키워드를\n먼저 선택하세요', + balloonClassName, }) => { return (
@@ -30,7 +34,9 @@ const KeywordGuideBalloon: React.FC = ({
{/* 꼬리 */}
Date: Thu, 2 Apr 2026 23:05:30 +0900 Subject: [PATCH 3/8] =?UTF-8?q?#164=20[CHORE]=20=EC=8A=A4=ED=81=AC?= =?UTF-8?q?=EB=A1=A4=EB=B0=94=20=EC=95=88=EB=B3=B4=EC=9D=B4=EB=8F=84?= =?UTF-8?q?=EB=A1=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/(main)/teampsylog/_components/CommentPage.tsx | 2 +- src/app/globals.css | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/src/app/(main)/teampsylog/_components/CommentPage.tsx b/src/app/(main)/teampsylog/_components/CommentPage.tsx index 976a5a5c..f7e08705 100644 --- a/src/app/(main)/teampsylog/_components/CommentPage.tsx +++ b/src/app/(main)/teampsylog/_components/CommentPage.tsx @@ -37,7 +37,7 @@ const CommentPage = ({ return (
diff --git a/src/app/globals.css b/src/app/globals.css index 8d5723f9..368485cb 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -29,6 +29,15 @@ input { } } +.scrollbar-hide { + scrollbar-width: none; + -ms-overflow-style: none; +} + +.scrollbar-hide::-webkit-scrollbar { + display: none; +} + @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); From 69aa4d587d9a9631644c326b1a0a8c00cf5f46f3 Mon Sep 17 00:00:00 2001 From: sunhwaaRj Date: Thu, 2 Apr 2026 23:19:21 +0900 Subject: [PATCH 4/8] =?UTF-8?q?#164=20[CHORE]=20=ED=8E=B8=EC=A7=91?= =?UTF-8?q?=EB=AA=A8=EB=93=9C=20=EC=8B=9C=EC=97=90=EB=8F=84=20=EC=BD=94?= =?UTF-8?q?=EB=A9=98=ED=8A=B8=20=EC=9C=84=EC=B9=98=20=EA=B3=A0=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/(main)/teampsylog/_components/LogNote.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/(main)/teampsylog/_components/LogNote.tsx b/src/app/(main)/teampsylog/_components/LogNote.tsx index 40cff70c..c52a8791 100644 --- a/src/app/(main)/teampsylog/_components/LogNote.tsx +++ b/src/app/(main)/teampsylog/_components/LogNote.tsx @@ -156,7 +156,7 @@ const LogNote = ({ {/* 오른쪽 페이지 (데스크톱만) */}