Merge pull request #225 from Room-In-Us/feature/#224-문의URL연결및SNS아이콘기능수정

Feat: 문의 URL 연결 및 SNS 아이콘 기능 수정

Author: ehgus0526

src/shared/components/Footer.jsx

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 import InstagramIcon from "../assets/icons/common/instagramIcon.svg?react";
 import EmailIcon from "../assets/icons/common/emailIcon.svg?react";
-import KakaoTalkIcon from "../assets/icons/common/kakaoTalkIcon.svg?react";
+// import KakaoTalkIcon from "../assets/icons/common/kakaoTalkIcon.svg?react";
 
 function Footer() {
 
@@ -12,12 +12,12 @@ function Footer() {
         <Divider>|</Divider>
         <StyledButton onClick={() => window.open('/privacy', '_blank', 'width=600,height=800')}>개인정보처리방침</StyledButton>
         <Divider>|</Divider>
-        <StyledButton>문의하기</StyledButton>
+        <StyledButton onClick={() => window.open('https://www.notion.so/2da2f8c6055280bf9b9cee64427d1468?pvs=106', '_blank')}>문의하기</StyledButton>
       </LeftWrapper>
       <RightWrapper>
-        <StyledInstagramIcon/>
-        <StyledEmailIcon/>
-        <StyledKakaoTalkIcon/>
+        <StyledInstagramIcon onClick={() => window.open('https://www.instagram.com/room.in.us_official/', '_blank')}/>
+        <StyledEmailIcon onClick={() => window.open('mailto:roominus.official@gmail.com')}/>
+        {/* <StyledKakaoTalkIcon/> */}
       </RightWrapper>
     </FooterWrapper>
   )
@@ -79,6 +79,6 @@ const StyledEmailIcon = styled(EmailIcon)`
   cursor: pointer;
 `;
 
-const StyledKakaoTalkIcon = styled(KakaoTalkIcon)`
-  cursor: pointer;
-`;
+// const StyledKakaoTalkIcon = styled(KakaoTalkIcon)`
+//   cursor: pointer;
+// `;

src/shared/components/Header.jsx

@@ -247,12 +247,12 @@ function Header() {
             <MenuBottomWrapper>
               <StyledTextLogo/>
               <IconWrapper>
-                <StyledInstagramIcon/>
-                <StyledEmailIcon/>
+                <StyledInstagramIcon onClick={() => window.open('https://www.instagram.com/room.in.us_official/', '_blank')}/>
+                <StyledEmailIcon onClick={() => window.open('mailto:roominus.official@gmail.com')}/>
               </IconWrapper>
               <LegalNoticesText onClick={() => window.open('/terms', '_blank', 'width=600,height=800')}>이용약관</LegalNoticesText>
               <LegalNoticesText onClick={() => window.open('/privacy', '_blank', 'width=600,height=800')}>개인정보처리방침</LegalNoticesText>
-              <InquiryButton><StyledInquiryIcon/>문의하기</InquiryButton>
+              <InquiryButton onClick={() => window.open('https://www.notion.so/2da2f8c6055280bf9b9cee64427d1468?pvs=106', '_blank')}><StyledInquiryIcon/>문의하기</InquiryButton>
             </MenuBottomWrapper>
           </MenuWrapper>
         </>