Skip to content

[HotFix] 모집예정 상태를 추가한다 #981

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
lepitaaar merged 1 commit into from
Dec 28, 2025
Merged

[HotFix] 모집예정 상태를 추가한다 #981

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions frontend/src/components/ClubStateBox/ClubStateBox.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ const STATE_TEXT: Record<string, string> = {
OPEN: '모집중',
CLOSED: '모집마감',
ALWAYS: '상시모집',
UPCOMING: '모집예정',
} as const;

const BOX_DIMENSIONS = {
Expand Down
1 change: 1 addition & 0 deletions frontend/src/styles/clubTags.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,4 +18,5 @@ export const STATUS_COLORS: Record<string, string> = {
모집중: colors.accent[1][900],
모집마감: colors.gray[500],
상시모집: colors.accent[2][900],
모집예정: colors.accent[1][900],
Copy link
Contributor

@coderabbitai coderabbitai bot Dec 28, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

'모집예정'과 '모집중'이 동일한 색상을 사용합니다.

현재 '모집예정'과 '모집중' 모두 colors.accent[1][900] (파란색)을 사용하고 있어, 사용자가 두 상태를 시각적으로 구분하기 어려울 수 있습니다.

'모집예정'은 아직 모집이 시작되지 않은 상태이므로, 다른 색상을 사용하는 것을 고려해보세요:

  • colors.accent[1][700] 또는 colors.accent[1][600] (더 연한 파란색)
  • colors.accent[2][900] (민트색) - 하지만 이미 '상시모집'에서 사용 중
  • colors.gray[400] 등 다른 색상 계열
🔎 제안: 더 연한 파란색 사용 
 export const STATUS_COLORS: Record<string, string> = {
   모집중: colors.accent[1][900],
   모집마감: colors.gray[500],
   상시모집: colors.accent[2][900],
-  모집예정: colors.accent[1][900],
+  모집예정: colors.accent[1][700],
 };
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
모집예정: colors.accent[1][900],
export const STATUS_COLORS: Record<string, string> = {
모집중: colors.accent[1][900],
모집마감: colors.gray[500],
상시모집: colors.accent[2][900],
모집예정: colors.accent[1][700],
};
🤖 Prompt for AI Agents 
In frontend/src/styles/clubTags.ts around line 21, the "모집예정" tag currently uses
the same color as "모집중" (colors.accent[1][900]), making states
indistinguishable; change "모집예정" to a different color such as
colors.accent[1][700] or colors.accent[1][600] (lighter blue) or an alternative
gray like colors.gray[400] to clearly differentiate it from "모집중", update the
value at line 21 accordingly and ensure it matches design tokens used elsewhere.

};