Skip to content

Commit c5cfefd

Browse files
committed
fix : lint
1 parent 1407341 commit c5cfefd

File tree

5 files changed

+25
-33
lines changed

5 files changed

+25
-33
lines changed

src/components/mentor/MentorCard/index.tsx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -48,17 +48,17 @@ const MentorCard = ({ mentor, observeRef, isMine = false }: MentorCardProps) =>
4848
<div className="flex items-start gap-3">
4949
<div className="flex flex-col items-center">
5050
<ProfileWithBadge profileImageUrl={profileImageUrl} hasBadge={hasBadge} />
51-
<span className="typo-sb-11 text-primary-1">누적 멘티 {menteeCount}</span>
51+
<span className="text-primary-1 typo-sb-11">누적 멘티 {menteeCount}</span>
5252
</div>
5353

5454
<div className="flex flex-1 flex-col items-stretch gap-3">
5555
<div className="mb-1 flex items-center justify-between">
56-
<span className="typo-sb-7 text-primary-1">{country}</span>
56+
<span className="text-primary-1 typo-sb-7">{country}</span>
5757
{isDetail && <StudyDate term={term!} />}
5858
</div>
59-
<h3 className="typo-bold-2 text-k-800">{nickname}</h3>
59+
<h3 className="text-k-800 typo-bold-2">{nickname}</h3>
6060
<div className="mt-1 flex flex-col">
61-
<p className="typo-medium-2 text-k-500">{universityName}</p>
61+
<p className="text-k-500 typo-medium-2">{universityName}</p>
6262
</div>
6363
</div>
6464
</div>
@@ -68,13 +68,13 @@ const MentorCard = ({ mentor, observeRef, isMine = false }: MentorCardProps) =>
6868
<>
6969
{/* 멘토 한마디 */}
7070
<div className="mb-4 mt-5">
71-
<h4 className="mb-2 typo-medium-5 text-blue-600">멘토 한마디</h4>
72-
<p className="typo-regular-2 text-k-500">{introduction}</p>
71+
<h4 className="mb-2 text-blue-600 typo-medium-5">멘토 한마디</h4>
72+
<p className="text-k-500 typo-regular-2">{introduction}</p>
7373
</div>
7474

7575
{/* 멘토 채널 */}
7676
<div className="mb-4">
77-
<h4 className="mb-2 typo-medium-5 text-blue-600">멘토 채널</h4>
77+
<h4 className="mb-2 text-blue-600 typo-medium-5">멘토 채널</h4>
7878
<div
7979
className={clsx("grid gap-2", {
8080
"grid-cols-1": channels?.length === 1,
@@ -100,21 +100,21 @@ const MentorCard = ({ mentor, observeRef, isMine = false }: MentorCardProps) =>
100100
{isMine ? (
101101
<Link
102102
href="/mentor/modify"
103-
className="flex h-10 w-[150px] flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 typo-medium-2 text-white"
103+
className="flex h-10 w-[150px] flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 text-white typo-medium-2"
104104
>
105105
수정하기
106106
</Link>
107107
) : (
108108
<>
109109
<Link
110110
href={`/mentor/${id}`}
111-
className="flex h-10 w-1/2 flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 typo-medium-2 text-white"
111+
className="flex h-10 w-1/2 flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 text-white typo-medium-2"
112112
>
113113
멘토 페이지
114114
</Link>
115115
<button
116116
onClick={() => id && handlePostApplyMentor(id)}
117-
className="flex h-10 w-1/2 flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 typo-medium-2 text-white"
117+
className="flex h-10 w-1/2 flex-shrink-0 items-center justify-center gap-3 rounded-[20px] bg-primary px-5 py-2.5 text-white typo-medium-2"
118118
>
119119
멘티 신청하기
120120
</button>

src/components/mentor/MentorExpandChatCard/index.tsx

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ const MentorExpandChatCard = ({
5050

5151
{/* Content */}
5252
<div className="flex flex-1 flex-col items-start justify-start self-start">
53-
<div className="text-left typo-regular-1 text-gray-900">
53+
<div className="text-left text-gray-900 typo-regular-1">
5454
<span className="typo-medium-2">{nickname}</span>
5555
{message}
5656
</div>
@@ -59,7 +59,7 @@ const MentorExpandChatCard = ({
5959
{/* Unread Count & Expand Icon */}
6060
<div className="flex flex-shrink-0 flex-col">
6161
{/* Date */}
62-
<div>{date && <span className="typo-regular-4 text-gray-500">{convertISODateToKoreanTime(date)}</span>}</div>
62+
<div>{date && <span className="text-gray-500 typo-regular-4">{convertISODateToKoreanTime(date)}</span>}</div>
6363
{/* Unread indicator & Expand icon */}
6464
<div className="flex justify-between gap-2">
6565
{!isCheckedState ? (
@@ -81,14 +81,14 @@ const MentorExpandChatCard = ({
8181
mentoringId ? (
8282
<Link
8383
href={`/mentor/chat/${mentoringId}`}
84-
className="rounded-full bg-primary-1 px-6 py-2 typo-medium-2 text-white transition-colors hover:bg-primary-2"
84+
className="rounded-full bg-primary-1 px-6 py-2 text-white transition-colors typo-medium-2 hover:bg-primary-2"
8585
>
8686
멘토링 시작하기
8787
</Link>
8888
) : (
8989
<button
9090
disabled
91-
className="cursor-not-allowed rounded-full bg-gray-300 px-6 py-2 typo-medium-2 text-white"
91+
className="cursor-not-allowed rounded-full bg-gray-300 px-6 py-2 text-white typo-medium-2"
9292
>
9393
멘토링 ID 없음
9494
</button>
@@ -100,7 +100,7 @@ const MentorExpandChatCard = ({
100100
e.stopPropagation();
101101
handleReject(mentoringId);
102102
}}
103-
className="w-1/3 rounded-full border border-secondary bg-white px-4 py-2 typo-medium-2 text-gray-700 transition-colors hover:bg-gray-50"
103+
className="w-1/3 rounded-full border border-secondary bg-white px-4 py-2 text-gray-700 transition-colors typo-medium-2 hover:bg-gray-50"
104104
>
105105
거절하기
106106
</button>
@@ -109,16 +109,14 @@ const MentorExpandChatCard = ({
109109
e.stopPropagation();
110110
handleAccept(mentoringId);
111111
}}
112-
className="w-1/3 rounded-full bg-blue-600 px-4 py-2 typo-medium-2 text-white transition-colors hover:bg-blue-700"
112+
className="w-1/3 rounded-full bg-blue-600 px-4 py-2 text-white transition-colors typo-medium-2 hover:bg-blue-700"
113113
>
114114
수락하기
115115
</button>
116116
</div>
117117
) : (
118118
<div className="flex w-full justify-center">
119-
<div className="typo-medium-2 rounded-full bg-primary-200 px-4 py-2 text-k-700">
120-
거절되었습니다
121-
</div>
119+
<div className="rounded-full bg-primary-200 px-4 py-2 text-k-700 typo-medium-2">거절되었습니다</div>
122120
</div>
123121
)}
124122
</div>

src/components/search/UniversityFilterSection.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import UniversityRegionTabs from "@/components/search/UniversityRegionTabs";
88
import UniversitySearchInput from "@/components/search/UniversitySearchInput";
99

1010
import { RegionKo, RegionOption } from "@/types/university";
11+
1112
import { IconDownArrow, IconHatColor, IconHatGray, IconLocationColor, IconLocationGray } from "@/public/svgs/search";
1213

1314
interface UniversityFilterSectionProps {
@@ -60,7 +61,7 @@ const UniversityFilterSection = ({
6061
>
6162
<div className="flex items-center gap-2.5">
6263
{language ? <IconHatColor /> : <IconHatGray />}
63-
<span className="typo-sb-9 text-k-700">어학</span>
64+
<span className="text-k-700 typo-sb-9">어학</span>
6465
</div>
6566
<select
6667
className={clsx(
@@ -94,7 +95,7 @@ const UniversityFilterSection = ({
9495
>
9596
<div className="flex items-center gap-2.5">
9697
{countries[i] ? <IconLocationColor /> : <IconLocationGray />}
97-
<span className="typo-sb-9 text-k-700">관심있는 나라</span>
98+
<span className="text-k-700 typo-sb-9">관심있는 나라</span>
9899
</div>
99100
<select
100101
className={clsx(

src/components/search/UniversityRegionTabs.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const UniversityRegionTabs = ({ regions, region, changeRegion }: UniversityRegio
2424

2525
changeRegion(r.value);
2626
}}
27-
className={`rounded-full px-3 py-[5px] typo-sb-12 transition ${
27+
className={`rounded-full px-3 py-[5px] transition typo-sb-12 ${
2828
region === r.value
2929
? "border border-primary bg-primary-100 text-primary-900"
3030
: "border border-k-50 bg-k-50 text-k-300"

src/components/ui/UniverSityCard/index.tsx

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -40,29 +40,22 @@ const UniversityCard = ({ university, showCapacity = true }: UniversityCardProps
4040
<div className="flex flex-col">
4141
<span
4242
id={`university-name-${university.id}`}
43-
className="truncate typo-bold-4 text-k-700"
43+
className="truncate text-k-700 typo-bold-4"
4444
aria-label={convertedKoreanName}
4545
>
4646
{convertedKoreanName}
4747
</span>
4848
<div className="flex items-center gap-2.5">
49-
<span className="typo-medium-4 text-k-500">
49+
<span className="text-k-500 typo-medium-4">
5050
{university.country} | {university.region}
5151
</span>
52-
{showCapacity && (
53-
<span className="typo-sb-11 text-primary">
54-
모집 {university.studentCapacity}
55-
</span>
56-
)}
52+
{showCapacity && <span className="text-primary typo-sb-11">모집 {university.studentCapacity}</span>}
5753
</div>
5854
<div className="flex gap-4">
5955
{university.languageRequirements.slice(0, 3).map((requirement) => {
6056
const testName = shortenLanguageTestName(requirement.languageTestType);
6157
return (
62-
<span
63-
key={requirement.languageTestType}
64-
className="whitespace-nowrap typo-sb-11 text-primary"
65-
>
58+
<span key={requirement.languageTestType} className="whitespace-nowrap text-primary typo-sb-11">
6659
{testName ?? requirement.languageTestType} {requirement.minScore}
6760
</span>
6861
);

0 commit comments

Comments
 (0)