From ae8faa925728499b495e91c509690e042d410d40 Mon Sep 17 00:00:00 2001
From: Soyeon Choe <77609591+soi-ha@users.noreply.github.com>
Date: Wed, 23 Oct 2024 16:10:53 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AC=B8=EC=9D=98=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B5=AC=ED=98=84=20(#772)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 문의하기 구글 forms 페이지 링크 연결

* fix: chromatic 에러 해결
---
 .../Design/components/Carousel/Carousel.stories.tsx          | 1 +
 .../Design/components/Carousel/CarouselDeleteButton.tsx      | 1 +
 .../Design/components/Carousel/CarouselIndicator.tsx         | 1 +
 .../components/Carousel/{useCarousel.tsx => useCarousel.ts}  | 0
 client/src/components/Footer/Footer.tsx                      | 5 +++--
 5 files changed, 6 insertions(+), 2 deletions(-)
 rename client/src/components/Design/components/Carousel/{useCarousel.tsx => useCarousel.ts} (100%)

diff --git a/client/src/components/Design/components/Carousel/Carousel.stories.tsx b/client/src/components/Design/components/Carousel/Carousel.stories.tsx
index 0a8b19930..235fc7f04 100644
--- a/client/src/components/Design/components/Carousel/Carousel.stories.tsx
+++ b/client/src/components/Design/components/Carousel/Carousel.stories.tsx
@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import type {Meta, StoryObj} from '@storybook/react';
 
 import Carousel from './Carousel';
diff --git a/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx b/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx
index 9f7154395..828195095 100644
--- a/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx
+++ b/client/src/components/Design/components/Carousel/CarouselDeleteButton.tsx
@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import Icon from '../Icon/Icon';
 
 import {deleteButtonStyle} from './Carousel.style';
diff --git a/client/src/components/Design/components/Carousel/CarouselIndicator.tsx b/client/src/components/Design/components/Carousel/CarouselIndicator.tsx
index 971fa7d3e..ea96b1043 100644
--- a/client/src/components/Design/components/Carousel/CarouselIndicator.tsx
+++ b/client/src/components/Design/components/Carousel/CarouselIndicator.tsx
@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import {useTheme} from '@components/Design/theme/HDesignProvider';
 
 import {indicatorContainerStyle, indicatorStyle} from './Carousel.style';
diff --git a/client/src/components/Design/components/Carousel/useCarousel.tsx b/client/src/components/Design/components/Carousel/useCarousel.ts
similarity index 100%
rename from client/src/components/Design/components/Carousel/useCarousel.tsx
rename to client/src/components/Design/components/Carousel/useCarousel.ts
diff --git a/client/src/components/Footer/Footer.tsx b/client/src/components/Footer/Footer.tsx
index b75be7ed9..fb22c0b4a 100644
--- a/client/src/components/Footer/Footer.tsx
+++ b/client/src/components/Footer/Footer.tsx
@@ -15,8 +15,9 @@ const Footer: React.FC<FooterProps> = () => {
         <a href="https://github.com/woowacourse-teams/2024-haeng-dong/wiki" target="_blank">
           행동대장 소개
         </a>
-        {/* TODO: (@soha) 문의 페이지 링크로 꼭!! 추후 수정 */}
-        <Link to={'/'}>문의하기</Link>
+        <a href="https://forms.gle/qtGXJ8WdPsWA3KURA" target="_blank">
+          문의하기
+        </a>
         <a href="mailto:haengdongdj@gmail.com">이메일</a>
       </div>
       <Text size="tiny" textColor="gray">