refactor: home, relay-question font color 일괄 대응

depromeet · Aug 20, 2024 · 7df4ee8 · 7df4ee8
1 parent c45d6a7
commit 7df4ee8
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 10 deletions.
diff --git a/...b-domains/src/home/features/gather-member/containers/GatherMemberProfileListContainer.tsx b/...b-domains/src/home/features/gather-member/containers/GatherMemberProfileListContainer.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { Txt } from '@sambad/sds/components';
+import { colors } from '@sds/theme';
 
 import { GatherMemberProfileList } from '../components/GatherMemberProfile/GatherMemberProfileList';
 import { useGatherMemberProfileListService } from '../services/useGatherMemberProfileListService';
@@ -14,7 +15,7 @@ export const GatherMemberProfileListContainer = () => {
 
   return (
     <section css={{ width: '100%', padding: '18px 20px 12px' }}>
-      <Txt as="p" typography="subtitle1" css={{ marginBottom: '14px' }}>
+      <Txt as="p" typography="subtitle1" color={colors.grey800} css={{ marginBottom: '14px' }}>
         모임원 프로필
       </Txt>
       <GatherMemberProfileList memberList={gatherMemberList} />

diff --git a/.../home/features/previous-question/components/PreviousQuestion/HomePreviousQuestionItem.tsx b/.../home/features/previous-question/components/PreviousQuestion/HomePreviousQuestionItem.tsx
@@ -1,5 +1,5 @@
 import { Txt } from '@sambad/sds/components';
-import { colors, borderRadiusVariants } from '@sambad/sds/theme';
+import { borderRadiusVariants, colors } from '@sambad/sds/theme';
 import Link from 'next/link';
 
 import { AngleRightIcon } from '../../../../../../../core/sds/src/components/Icon/assets/AngleRight';
@@ -31,7 +31,9 @@ export const HomePreviousQuestionItem = ({ question }: HomePreviousQuestionItemP
         <div css={{ flex: '1' }}>
           <Txt as="p" typography="heading3" color={colors.tertiary500} css={{ marginBottom: '4px' }}>
             {content}
-            <Txt typography="title2">이/가 가장 많았어요.</Txt>
+            <Txt typography="title2" color={colors.black}>
+              이/가 가장 많았어요.
+            </Txt>
           </Txt>
           <Txt as="p" typography="body3" color={colors.grey600} css={{ marginBottom: '8px' }}>
             {title}

diff --git a/...mains/src/home/features/previous-question/containers/TopPreviousQuestionListContainer.tsx b/...mains/src/home/features/previous-question/containers/TopPreviousQuestionListContainer.tsx
@@ -21,6 +21,7 @@ export const TopPreviousQuestionListContainer = () => {
       <Txt
         as="p"
         typography="subtitle1"
+        color={colors.grey800}
         css={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '12px' }}
       >
         이전 질문

diff --git a/...rc/home/features/progressing-question/components/QuestionInfo/ProgressingQuestionInfo.tsx b/...rc/home/features/progressing-question/components/QuestionInfo/ProgressingQuestionInfo.tsx
@@ -1,4 +1,5 @@
 import { Txt } from '@sambad/sds/components';
+import { colors } from '@sds/theme';
 import { HTMLAttributes, ReactNode } from 'react';
 
 interface ProgressingQuestionInfoProps extends HTMLAttributes<HTMLDivElement> {
@@ -8,7 +9,7 @@ interface ProgressingQuestionInfoProps extends HTMLAttributes<HTMLDivElement> {
 export const ProgressingQuestionInfo = ({ renderQuestion, ...rest }: ProgressingQuestionInfoProps) => {
   return (
     <div {...rest}>
-      <Txt typography="subtitle1" as="p" css={{ marginBottom: '8px' }}>
+      <Txt typography="subtitle1" color={colors.black} as="p" css={{ marginBottom: '8px' }}>
         진행 중인 릴레이 질문
       </Txt>
       {renderQuestion}

diff --git a/...elay-question/features/select-relay-question/components/QuestionDetail/QuestionDetail.tsx b/...elay-question/features/select-relay-question/components/QuestionDetail/QuestionDetail.tsx
@@ -39,13 +39,13 @@ export const QuestionDetail = ({
 }: QuestionDetailProps) => {
   return (
     <div css={wrapperCss}>
-      <Txt typography="heading3" fontWeight="bold">
+      <Txt typography="heading3" color={colors.black} fontWeight="bold">
         질문 미리보기
       </Txt>
       <div css={imageWrapperCss}>
         <Image src={imageUrl} alt={title} width={64} height={64} />
       </div>
-      <Txt typography="heading2" fontWeight="bold" css={{ textAlign: 'center' }}>
+      <Txt typography="heading2" color={colors.black} fontWeight="bold" css={{ textAlign: 'center' }}>
         {title}
       </Txt>
       <Txt color={colors.grey500} typography="title4" fontWeight="medium" css={answerExampleTextCss}>

diff --git a/...ns/src/relay-question/features/select-relay-question/components/Questioner/Questioner.tsx b/...ns/src/relay-question/features/select-relay-question/components/Questioner/Questioner.tsx
@@ -1,4 +1,5 @@
 import { Txt } from '@sambad/sds/components';
+import { colors } from '@sds/theme';
 import Image from 'next/image';
 import { useRouter, useSearchParams } from 'next/navigation';
 
@@ -47,7 +48,7 @@ export const Questioner = ({ meetingId, meetingMemberId, imageUrl, name }: Quest
       <div css={imgWrapperCss}>
         <Image src={imageUrl} alt={name} width={40} height={40} />
       </div>
-      <Txt typography="title2" fontWeight="medium">
+      <Txt typography="title2" color={colors.black} fontWeight="medium">
         {name}
       </Txt>
     </li>

diff --git a/...-question/features/select-relay-question/components/QuestionerDetail/QuestionerDetail.tsx b/...-question/features/select-relay-question/components/QuestionerDetail/QuestionerDetail.tsx
@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { Button, Txt } from '@sambad/sds/components';
-import { size } from '@sambad/sds/theme';
+import { colors, size } from '@sambad/sds/theme';
 import Image from 'next/image';
 
 import { RelayRePickQuestioner } from '../../../../assets/RelayRePickQuestioner';
@@ -30,7 +30,7 @@ export const QuestionerDetail = ({
       <div css={imgWrapperCss}>
         <Image src={imageUrl} alt={name} width={80} height={80} />
       </div>
-      <Txt typography="heading2" fontWeight="bold" css={nameCss}>
+      <Txt typography="heading2" color={colors.black} fontWeight="bold" css={nameCss}>
         {name}
       </Txt>
       <div css={buttonWrapperCss}>

diff --git a/...-question/features/select-relay-question/containers/ContentContainer/ContentContainer.tsx b/...-question/features/select-relay-question/containers/ContentContainer/ContentContainer.tsx
@@ -74,7 +74,7 @@ const NextQuestionerList = () => {
   return (
     <section>
       <div css={questionTextBoxCss}>
-        <Txt typography="heading1" fontWeight="bold">
+        <Txt typography="heading1" color={colors.black} fontWeight="bold">
           다음 릴레이 질문인은 <br />
           누구로 할까요?
         </Txt>