diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx index 572f866..f4aa029 100644 --- a/src/pages/home/index.tsx +++ b/src/pages/home/index.tsx @@ -24,9 +24,10 @@ export default function HomePage() { const HomeWrapper = styled.div` ${({ theme }) => theme.mixins.flexBox()} gap: 40px; - margin-top: 92px; + padding-top: 92px; align-items: start; width: 100vw; + background-color: white; `; const HomeContentWrapper = styled.div` diff --git a/src/pages/prompt/components/ExecuteSection.tsx b/src/pages/prompt/components/ExecuteSection.tsx index 4560a47..2eb1aa6 100644 --- a/src/pages/prompt/components/ExecuteSection.tsx +++ b/src/pages/prompt/components/ExecuteSection.tsx @@ -3,6 +3,8 @@ import Button from "@/components/common/Button/Button"; import Input from "@/components/common/Input/Input"; import Text from "@/components/common/Text/Text"; import usePocketRun from "@/hooks/mutations/pocketRun/usePocketRun"; +import useToast from "@/hooks/useToast"; +import { useUser } from "@/hooks/useUser"; import Icon from "@/pages/home/components/common/Icon"; import PocketRunDropdown from "@/pages/prompt/components/PocketRunDropdown"; import PromptTemplateModal from "@/pages/prompt/components/PromptTemplateModal"; @@ -42,6 +44,9 @@ export const ExecuteSection: React.FC = ({ const prevFormValues = useRef>({}); const formValues = watch(); + const { userData } = useUser(); + const showToast = useToast(); + const { mutate: pocketRun, isPending } = usePocketRun({ onSuccess: (res) => { console.log("Success:", res); @@ -74,6 +79,10 @@ export const ExecuteSection: React.FC = ({ alert("클립보드 복사에 실패했습니다."); }); } else { + if (!userData.isLogin) { + showToast("로그인 후 이용 가능합니다.", ""); + return; + } pocketRun({ promptId: promptId ?? "", context: values, diff --git a/src/pages/prompt/components/ResultSection.tsx b/src/pages/prompt/components/ResultSection.tsx index 72ae7fa..1af470e 100644 --- a/src/pages/prompt/components/ResultSection.tsx +++ b/src/pages/prompt/components/ResultSection.tsx @@ -46,7 +46,12 @@ export const ResultSection: React.FC = () => { {Object.entries(res.context).map(([key, value]) => ( - + {key}: {value}