Skip to content

Commit 8672062

Browse files
gustn99gustn99
committed
Fix: StyledText에 남아 있는 lineHeight 삭제
1 parent 1d54d0e commit 8672062

8 files changed

Lines changed: 18 additions & 29 deletions

File tree

‎src/components/BottomButton/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const BottomButton: React.FC<BottomButtonProps> = ({ content, onClick, disabled
88
return (
99
<ButtonWrapper>
1010
<Button onClick={onClick} disabled={disabled}>
11-
<StyledText $textTheme={{ style: 'body1-regular', lineHeight: 2 }}>{content}</StyledText>
11+
<StyledText $textTheme={{ style: 'body1-regular' }}>{content}</StyledText>
1212
</Button>
1313
</ButtonWrapper>
1414
);

‎src/components/ClothingInfoItem/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,10 @@ const ClothingInfoItem: React.FC<ClothingInfoItemProps> = ({ clothingObj, onDele
2121
<img src={clothingObj.imageUrl} alt="ClothingImg" />
2222
</ClothingImage>
2323
<div className="infoDetail">
24-
<StyledText className="brand" $textTheme={{ style: 'body2-bold', lineHeight: 2 }}>
24+
<StyledText className="brand" $textTheme={{ style: 'body2-bold' }}>
2525
{clothingObj.brandName}
2626
</StyledText>
27-
<ClothingModel className="model" $textTheme={{ style: 'body4-light', lineHeight: 1 }}>
27+
<ClothingModel className="model" $textTheme={{ style: 'body4-light' }}>
2828
{clothingObj.modelName}
2929
</ClothingModel>
3030
</div>

‎src/components/ConfirmationModal/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = ({
4343
</>
4444
)}
4545
<Button onClick={confirm.action}>
46-
<StyledText $textTheme={{ style: 'body2-regular', lineHeight: 1.5 }} color={'#F00'}>
46+
<StyledText $textTheme={{ style: 'body2-regular' }} color={'#F00'}>
4747
{confirm.text}
4848
</StyledText>
4949
</Button>

‎src/components/Text/dto.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@ interface FontStylesByPlatform {
1010
export interface StyledTextProps {
1111
$textTheme: {
1212
style: FontStyleKey | FontStylesByPlatform;
13-
lineHeight?: number;
1413
};
1514
color?: string;
1615
children: unknown;

‎src/pages/Post/PostImageSelect/index.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -155,9 +155,7 @@ const PostImageSelect: React.FC = () => {
155155
onDragLeave={handleDragLeave}
156156
onDrop={handleDrop}
157157
>
158-
<StyledText $textTheme={{ style: 'heading1-regular', lineHeight: 2 }}>
159-
사진을 여기에 끌어다 놓으세요
160-
</StyledText>
158+
<StyledText $textTheme={{ style: 'heading1-regular' }}>사진을 여기에 끌어다 놓으세요</StyledText>
161159
<Photo height="100px" width="100px" />
162160
<input type="file" onChange={handleFileInputChange} ref={fileInputRef} multiple accept="image/*,.heic" />
163161
</ImageDragDropContainer>

‎src/pages/Post/PostInstaConnect/index.tsx‎

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -57,26 +57,18 @@ const PostInstaConnect: React.FC = () => {
5757

5858
<Content>
5959
{isLoading ? (
60-
<StyledText $textTheme={{ style: 'body2-light', lineHeight: 2 }}>
61-
{instagramID} 계정에 연동하고 있어요
62-
</StyledText>
60+
<StyledText $textTheme={{ style: 'body2-light' }}>{instagramID} 계정에 연동하고 있어요</StyledText>
6361
) : (
6462
<>
65-
<StyledText $textTheme={{ style: 'heading1-regular', lineHeight: 2 }}>인스타 계정 연동을 위해</StyledText>
66-
<StyledText $textTheme={{ style: 'heading1-regular', lineHeight: 2 }}>
67-
인스타그램 ID를 작성해주세요
68-
</StyledText>
63+
<StyledText $textTheme={{ style: 'heading1-regular' }}>인스타 계정 연동을 위해</StyledText>
64+
<StyledText $textTheme={{ style: 'heading1-regular' }}>인스타그램 ID를 작성해주세요</StyledText>
6965
<StyledInput
7066
type="text"
7167
value={instagramID}
7268
onChange={(e) => setInstagramID(e.target.value)}
7369
placeholder="인스타그램 ID"
7470
/>
75-
<StyledText
76-
className="tab-to-write"
77-
$textTheme={{ style: 'body4-regular', lineHeight: 1.2 }}
78-
color={theme.colors.gray[800]}
79-
>
71+
<StyledText className="tab-to-write" $textTheme={{ style: 'body4-regular' }} color={theme.colors.gray[800]}>
8072
{!instagramID ? '탭해서 ID를 작성하세요' : ' .'}
8173
</StyledText>
8274
</>

‎src/pages/Post/PostUpload/SearchBottomSheetContent/index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,7 @@ const SearchBottomSheetContent: React.FC<SearchBottomSheetProps> = ({ onClose, o
157157
value={searchQuery}
158158
onChange={(e) => handleInputChange(e.target.value)}
159159
/>
160-
<StyledText onClick={handleCloseSheet} $textTheme={{ style: 'body2-regular', lineHeight: 1 }}>
160+
<StyledText onClick={handleCloseSheet} $textTheme={{ style: 'body2-regular' }}>
161161
취소
162162
</StyledText>
163163
</div>
@@ -167,12 +167,12 @@ const SearchBottomSheetContent: React.FC<SearchBottomSheetProps> = ({ onClose, o
167167
<SearchResultItem key={index} onClick={() => handleClothingInfoAdd(searchResultItem)}>
168168
<img src={searchResultItem.image} alt={searchResultItem.title.replace(/<[^>]+>/g, '')} />
169169
<div className="infoContainer">
170-
<StyledText className="detail" $textTheme={{ style: 'body2-bold', lineHeight: 1.2 }}>
170+
<StyledText className="detail" $textTheme={{ style: 'body2-bold' }}>
171171
{searchResultItem.brand}
172172
</StyledText>
173173
<StyledText
174174
className="detail"
175-
$textTheme={{ style: 'caption1-regular', lineHeight: 1 }}
175+
$textTheme={{ style: 'caption1-regular' }}
176176
color={theme.colors.text.tertiary}
177177
>
178178
{removeBrandFromTitle(searchResultItem.title, searchResultItem.brand)}
@@ -183,7 +183,7 @@ const SearchBottomSheetContent: React.FC<SearchBottomSheetProps> = ({ onClose, o
183183
<div className="ref" ref={loadMoreRef}></div>
184184
{isLoading && (
185185
<Loader>
186-
<StyledText $textTheme={{ style: 'body2-light', lineHeight: 2 }} color={theme.colors.text.tertiary}>
186+
<StyledText $textTheme={{ style: 'body2-light' }} color={theme.colors.text.tertiary}>
187187
로딩 중
188188
</StyledText>
189189
</Loader>

‎src/pages/Post/PostUpload/index.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -343,21 +343,21 @@ const PostUpload: React.FC<PostUploadModalProps> = () => {
343343
<TagContainer>
344344
<div onClick={handleStyleTagListToggle}>
345345
<img src={StyleTag} />
346-
<StyledText className="label" $textTheme={{ style: 'headline2-bold', lineHeight: 1 }}>
346+
<StyledText className="label" $textTheme={{ style: 'headline2-bold' }}>
347347
스타일 태그
348348
</StyledText>
349349
{isStyletagListOpen ? (
350350
<img src={Up} />
351351
) : selectedStyletag.length === 0 ? (
352352
<>
353-
<StyledText className="not_selected" $textTheme={{ style: 'body2-light', lineHeight: 1 }}>
353+
<StyledText className="not_selected" $textTheme={{ style: 'body2-light' }}>
354354
미지정
355355
</StyledText>
356356
<img src={Right} />
357357
</>
358358
) : (
359359
<StyletagItem selected={false}>
360-
<StyledText className="tag" $textTheme={{ style: 'body2-light', lineHeight: 1 }}>
360+
<StyledText className="tag" $textTheme={{ style: 'body2-light' }}>
361361
#{selectedStyletag[0]}
362362
</StyledText>
363363
</StyletagItem>
@@ -371,7 +371,7 @@ const PostUpload: React.FC<PostUploadModalProps> = () => {
371371
onClick={() => handleStyletagSelect(tag)}
372372
selected={selectedStyletag[0] === tag}
373373
>
374-
<StyledText className="tag" $textTheme={{ style: 'body2-light', lineHeight: 1 }}>
374+
<StyledText className="tag" $textTheme={{ style: 'body2-light' }}>
375375
#{tag}
376376
</StyledText>
377377
</StyletagItem>
@@ -381,7 +381,7 @@ const PostUpload: React.FC<PostUploadModalProps> = () => {
381381
</TagContainer>
382382
<PinnedPostToggleContainer>
383383
<img src={Pin} />
384-
<StyledText $textTheme={{ style: 'headline2-bold', lineHeight: 1 }}>대표 OOTD 지정</StyledText>
384+
<StyledText $textTheme={{ style: 'headline2-bold' }}>대표 OOTD 지정</StyledText>
385385
<div>
386386
<ToggleSwitch checked={isRepresentative} onChange={handleIsRepresentativeToggle} />
387387
</div>

0 commit comments

Comments
 (0)