메뉴 스크롤 동작 개선 및 코드 리팩토링

- 메뉴 버튼과 스크롤 위치 동기화 문제 해결
- 스크롤 업/다운 시 다른 오프셋 적용으로 정확한 카테고리 선택
- 버튼 클릭 시 해당 카테고리로 정확한 스크롤 이동
- 콘솔 로그 제거 및 코드 정리
- 상수 추출 및 타입 정의 개선
- 불필요한 import 및 변수 제거

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-10-17 15:13:56 +09:00
parent 92150880dd
commit d74275acbd
2 changed files with 145 additions and 126 deletions

View File

@@ -137,9 +137,13 @@ export const MenuCategory = ({
return (
<>
<div
className={`menu-category ${menuId}`}
ref={ (element: HTMLDivElement) => { buttonRefs.current[itemIndex] = element } }
<div
className={`menu-category ${menuId}`}
ref={ (element: HTMLDivElement) => {
if (element) {
buttonRefs.current[itemIndex] = element;
}
} }
>
<div className="category-header">
<div className={ 'category-icon ' + menuIcon }></div>