Skip to content

[fix] 사장님 메인 매장 목록 아이콘 수정#53

Merged
dohy-eon merged 2 commits into
devfrom
fix/ALT-256
Jun 15, 2026
Merged

[fix] 사장님 메인 매장 목록 아이콘 수정#53
dohy-eon merged 2 commits into
devfrom
fix/ALT-256

Conversation

@limtjdghks

@limtjdghks limtjdghks commented Jun 14, 2026

Copy link
Copy Markdown
Member

ID

  • ALT-256

변경 내용

  • 사장님 홈 매장 리스트 아이콘 수정

구현 사항

  • 리스트 아이콘 구현
  • 사장님 홈에서 아이콘 변경

구현 시연 (필요 시)

image

Summary by CodeRabbit

  • Style
    • 업장 변경 버튼의 배너 아이콘이 업데이트되었습니다.

@limtjdghks limtjdghks requested review from dohy-eon and kim3360 June 14, 2026 17:45
@limtjdghks limtjdghks self-assigned this Jun 14, 2026
@vercel

vercel Bot commented Jun 14, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
alter-client Ready Ready Preview, Comment Jun 14, 2026 5:45pm

@coderabbitai

coderabbitai Bot commented Jun 14, 2026

Copy link
Copy Markdown

Review Change Stack

📝 Walkthrough

Walkthrough

ManagerHomePage의 업장 변경 버튼에서 사용되는 배너 아이콘을 managerHomeBannerPlusIcon에서 managerHomeBannerListIcon으로 교체했습니다. import 선언과 img src 속성 두 곳만 변경되었습니다.

Changes

배너 아이콘 교체

Layer / File(s) Summary
배너 버튼 아이콘 import 및 사용 교체
src/pages/manager/home/index.tsx
managerHomeBannerPlusIcon import를 제거하고 managerHomeBannerListIcon을 추가, 업장 변경 버튼 img src를 새 아이콘으로 교체.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed PR 제목이 변경 사항의 핵심을 명확하게 요약하고 있습니다. '사장님 메인 매장 목록 아이콘 수정'은 변경 내용인 매장 목록 아이콘 교체를 직접적으로 설명하고 있습니다.
Description check ✅ Passed PR 설명이 템플릿의 필수 섹션을 모두 포함하고 있습니다. ID(ALT-256), 변경 내용, 구현 사항, 그리고 스크린샷 시연이 제공되어 충분한 컨텍스트를 제공합니다.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/ALT-256

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (2)
src/pages/manager/home/index.tsx (2)

27-327: 🛠️ Refactor suggestion | 🟠 Major | 🏗️ Heavy lift

pages 레이어 지침 위반: 비즈니스 로직 포함 및 코드 스플리팅 누락

코딩 가이드라인에 따르면 pages 레이어는 조합(Composition)만 해야 하는데 현재 다음 문제가 있습니다:

  1. 비즈니스 로직 포함: 퇴사 처리 상태 관리(L30-33, 58-59)와 mutation 로직(L306-314)이 페이지에 직접 구현되어 있습니다. 이는 features/widgets 레이어로 분리되어야 합니다.
  2. 코드 스플리팅 누락: React.lazy/Suspense를 통한 페이지 레벨 코드 스플리팅이 적용되지 않았습니다.
  3. SEO 메타데이터 누락: 페이지 단위 메타데이터 처리가 없습니다.

퇴사 처리 로직을 별도 widget/feature로 분리하고, 페이지는 해당 컴포넌트를 조합만 하도록 리팩토링을 권장합니다.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/pages/manager/home/index.tsx` around lines 27 - 327, Extract the
resignation handling business logic from the ManagerHomePage function into a
separate widget or feature component. Move the resignTargetWorkerId and
isResignErrorOpen state variables, the useResignWorkerMutation hook call, and
the two ConfirmModal components (the resignation confirmation modal and the
error modal) into a dedicated ResignWorkerModal or similar component that you
create in the widgets or features layer. Have ManagerHomePage only import and
compose this new component, keeping the page layer focused on composition rather
than business logic. Additionally, apply React.lazy and Suspense for page-level
code splitting and add SEO metadata handling to the page component to fully
comply with the pages layer guidelines.

Source: Coding guidelines


93-93: ⚠️ Potential issue | 🟠 Major | ⚡ Quick win

aria-label이 버튼의 실제 동작과 불일치합니다.

버튼은 업장 변경 모달을 여는데 aria-label은 "배너 상세 보기"로 되어 있습니다. 스크린 리더 사용자에게 잘못된 정보를 전달합니다.

[accessibility]

♻️ 제안 수정
           <button
             type="button"
-            aria-label="배너 상세 보기"
+            aria-label="업장 변경"
             className="absolute bottom-[40px] right-[20px] h-[26px] w-[26px]"
             onClick={openWorkspaceChangeModal}
           >
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/pages/manager/home/index.tsx` at line 93, The aria-label attribute on the
button does not accurately describe its actual function. The aria-label
currently says "배너 상세 보기" (View banner details), but the button actually opens a
store/location change modal. Update the aria-label value to correctly reflect
the button's actual action, such as "업장 변경" or "업장 변경 모달 열기", so that screen
reader users receive accurate information about what the button does.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Outside diff comments:
In `@src/pages/manager/home/index.tsx`:
- Around line 27-327: Extract the resignation handling business logic from the
ManagerHomePage function into a separate widget or feature component. Move the
resignTargetWorkerId and isResignErrorOpen state variables, the
useResignWorkerMutation hook call, and the two ConfirmModal components (the
resignation confirmation modal and the error modal) into a dedicated
ResignWorkerModal or similar component that you create in the widgets or
features layer. Have ManagerHomePage only import and compose this new component,
keeping the page layer focused on composition rather than business logic.
Additionally, apply React.lazy and Suspense for page-level code splitting and
add SEO metadata handling to the page component to fully comply with the pages
layer guidelines.
- Line 93: The aria-label attribute on the button does not accurately describe
its actual function. The aria-label currently says "배너 상세 보기" (View banner
details), but the button actually opens a store/location change modal. Update
the aria-label value to correctly reflect the button's actual action, such as
"업장 변경" or "업장 변경 모달 열기", so that screen reader users receive accurate
information about what the button does.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: a5be5930-2f8a-4f3e-8eab-19fe8bb57472

📥 Commits

Reviewing files that changed from the base of the PR and between 7b7f75c and 2f47c62.

⛔ Files ignored due to path filters (1)
  • src/assets/icons/home/manager-home-banner-list.svg is excluded by !**/*.svg
📒 Files selected for processing (1)
  • src/pages/manager/home/index.tsx

@dohy-eon dohy-eon merged commit 7af4bcd into dev Jun 15, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants