fix: 버튼 size="large" 추가

depromeet · Aug 19, 2024 · 619e4f9 · 619e4f9
1 parent 72d8676
commit 619e4f9
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 32 deletions.
diff --git a/apps/web/app/test/page.tsx b/apps/web/app/test/page.tsx
@@ -0,0 +1,12 @@
+'use client';
+
+import { Button, Icon } from '@sds/components';
+
+const Page = () => {
+  return (
+    <Button size="large" leftDecor={<Icon name="upload" />}>
+      단톡방에 공유하기
+    </Button>
+  );
+};
+export default Page;
diff --git a/packages/web-domains/src/answer/features/floating-button/components/CommentButton.tsx b/packages/web-domains/src/answer/features/floating-button/components/CommentButton.tsx
@@ -24,7 +24,7 @@ export const CommentButton = ({ disabled, onClick, ...rest }: CommentButtonProps
 
   return (
     <div css={{ position: 'absolute', bottom: '40px', width: '100%', maxWidth: '600px', padding: '0 20px' }}>
-      <Button {...rest} css={buttonStyles} onClick={handleAnswer}>
+      <Button size="large" {...rest} css={buttonStyles} onClick={handleAnswer}>
         답변 보내기
       </Button>
     </div>

diff --git a/packages/web-domains/src/common/components/KakaoShare/KakaoShareModal.tsx b/packages/web-domains/src/common/components/KakaoShare/KakaoShareModal.tsx
@@ -78,7 +78,7 @@ export const KakaoShareModal = ({
           <ShareKakaoButton shareImageUrl={imageUrl} shareDescription={description} shareLink={link} />
           <CopyLinkButton onClick={handleCopyLink} />
         </div>
-        <Button variant="sub" onClick={onClose}>
+        <Button variant="sub" size="large" onClick={onClose}>
           닫기
         </Button>
         {isToastOpen && (

diff --git a/packages/web-domains/src/relay-question/assets/ShareGroupShareIcon.tsx b/packages/web-domains/src/relay-question/assets/ShareGroupShareIcon.tsx
diff --git a/...roup/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.tsx b/...roup/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Button, Txt } from '@sambad/sds/components';
+import { Button, Icon, Txt } from '@sambad/sds/components';
 import { colors, size } from '@sambad/sds/theme';
 import Link from 'next/link';
 import { useState } from 'react';
@@ -10,7 +10,6 @@ import { findCurrentMeetingId } from '@/relay-question/utils/findCurrentMeetingI
 
 import { ShareGroupBackground } from '../../../../assets/ShareGroupBackground';
 import { ShareGroupCheckIcon } from '../../../../assets/ShareGroupCheckIcon';
-import { ShareGroupShareIcon } from '../../../../assets/ShareGroupShareIcon';
 import { useMyMeetingsQuery } from '../../../start-relay-question/hooks/queries/useMyMeetingsQuery';
 import { CurrentQuestionInfo } from '../../components/CurrentQuestionInfo/CurrentQuestionInfo';
 import { useActiveQuestionQuery } from '../../hooks/useActiveQuestionQuery';
@@ -70,12 +69,13 @@ export const CurrentRelayQuestionCountContainer = () => {
         </div>
 
         <div css={buttonWrapperCss}>
-          <Button css={firstButtonCss} onClick={handleOpenShare}>
-            <ShareGroupShareIcon css={{ marginRight: size['6xs'] }} />
+          <Button css={firstButtonCss} onClick={handleOpenShare} size="large" leftDecor={<Icon name="upload" />}>
             단톡방에 공유하기
           </Button>
           <Link href="/share-next-questioner">
-            <Button variant="sub">다음</Button>
+            <Button variant="sub" size="large">
+              다음
+            </Button>
           </Link>
         </div>
       </section>

diff --git a/...-next-questioner/containers/ShareNextQuestionerContainer/ShareNextQuestionerContainer.tsx b/...-next-questioner/containers/ShareNextQuestionerContainer/ShareNextQuestionerContainer.tsx
@@ -1,7 +1,7 @@
 'use client';
 
-import { Button, Txt } from '@sambad/sds/components';
-import { colors, size } from '@sambad/sds/theme';
+import { Button, Icon, Txt } from '@sambad/sds/components';
+import { colors } from '@sambad/sds/theme';
 import Link from 'next/link';
 import { useState } from 'react';
 
@@ -10,7 +10,6 @@ import { useActiveQuestionQuery } from '@/relay-question/features/share-group/ho
 import { useMyMeetingsQuery } from '@/relay-question/features/start-relay-question/hooks/queries/useMyMeetingsQuery';
 import { findCurrentMeetingId } from '@/relay-question/utils/findCurrentMeetingId';
 
-import { ShareGroupShareIcon } from '../../../../assets/ShareGroupShareIcon';
 import { ShareNextQuestionerBackground } from '../../../../assets/ShareNextQuestionerBackground';
 
 import {
@@ -51,8 +50,7 @@ export const ShareNextQuestionerContainer = () => {
         <div css={footerWrapperCss}>
           <ShareNextQuestionerBackground />
           <div css={buttonWrapperCss}>
-            <Button css={shareButtonCss} onClick={handleOpenShare}>
-              <ShareGroupShareIcon css={{ marginRight: size['6xs'] }} />
+            <Button css={shareButtonCss} onClick={handleOpenShare} size="large" leftDecor={<Icon name="upload" />}>
               다음 질문인에게 공유하기
             </Button>
             <Link href="/answer/opening">

diff --git a/...eatures/start-relay-question/containers/StartQuestionContainer/StartQuestionContainer.tsx b/...eatures/start-relay-question/containers/StartQuestionContainer/StartQuestionContainer.tsx
@@ -32,6 +32,7 @@ export const StartQuestionContainer = () => {
 
           <section css={startQuestionBackgroundCss}>
             <Button
+              size="large"
               style={{ zIndex: Z_INDEX.relayStartButton }}
               onClick={() => router.push('/select-relay-question?current-step=1')}
             >