Merge pull request #280 from SWM-FIRE/FIRE-781-로그인이-필요합니다-대신-로그인창-띄우기

FIRE-781 add login modal when not login

src/components/main/TitleContainer.tsx

@@ -1,15 +1,16 @@
 import React from 'react';
 import styled from 'styled-components';
 import media from 'src/styles/media';
-import toast from 'react-hot-toast';
+import mainModalStore from 'src/stores/mainModalStore';
 import vectors from '../atoms/Vectors';
 import Search from './Search';
 import PositionInterface from '../../interface/position.interface';
 
 export default function TitleContainer() {
+  const { openLoginModal } = mainModalStore();
   const randomEnter = (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
-    toast.error('로그인 후 입장 가능합니다.');
+    openLoginModal();
   };
 
   return (

src/components/main/block/Block.tsx

@@ -4,6 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import { isMobile } from 'react-device-detect';
 import styled from 'styled-components';
 import media from 'src/styles/media';
+import mainModalStore from 'src/stores/mainModalStore';
 import UserStore from '../../../stores/userStore';
 import MyAvatar from '../../../assets/avatar/MyAvatar';
 import RoomDetail from '../../atoms/RoomDetail';
@@ -14,11 +15,12 @@ export default function Block({ isMain, data }) {
   const navigate = useNavigate();
   const { nickname } = UserStore();
   const { enterProfile } = useEnterProfile(data?.moderator.uid);
+  const { openLoginModal } = mainModalStore();
 
   const enterRoom = (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
     if (!nickname) {
-      toast.error('로그인이 필요합니다');
+      openLoginModal();
       return;
     }
     if (isMobile) {