Skip to content

feat(problem): MAT-585 — 도구 toolbar New version 교체#319

Closed
b0nsu wants to merge 1 commit intodevelopfrom
feature/mat-585-toolbar-new-version
Closed

feat(problem): MAT-585 — 도구 toolbar New version 교체#319
b0nsu wants to merge 1 commit intodevelopfrom
feature/mat-585-toolbar-new-version

Conversation

@b0nsu
Copy link
Copy Markdown
Collaborator

@b0nsu b0nsu commented May 10, 2026

Linear

Changes

apps/native/src/features/student/problem/components/ProblemDrawingToolbar.tsx

  • 신규 floating 캡슐 toolbar (펼침 229×62 / 축소 62×62)
  • Undo/Redo + divider + Pen/Eraser, primary-200 selected bg, 1px gray-500 divider
  • Figma 6124:51953 토큰 매핑 (radius 24/20, drop-shadow (0,4,4.5,#1e1e211a))
  • 4 모서리 snap: Gesture.Pan.activateAfterLongPress(1000) + 화면 3×3 zone
  • 모서리 zone release 시에만 corner 변경, 그 외엔 원래 모서리 복귀
  • collapsed 단일 펜 버튼 탭으로 expand

apps/native/src/features/student/problem/screens/ProblemScreen.tsx

  • Header / BottomActionBar 사이 본문 wrapper(flex-1) 분리, toolbar overlay 영역 한정 (X 버튼·액션바 충돌 회피)
  • toolbarCollapsed state, DrawingCanvas onStrokeStartcollapsed=true

apps/native/src/features/student/scrap/utils/skia/drawing.tsx

  • onStrokeStart 콜백 prop 추가, pan.onBegin stylus 통과 후 호출
  • textMode 분기 다음에 두어 텍스트 모드에서는 fire 안 됨

Testing

  • pnpm typecheck 통과
  • 실기기: stylus 필기 시작 시 toolbar 자동 collapse
  • 실기기: 1초 long-press → drag, < 1s 탭은 도구 버튼 onPress
  • 실기기: 4 모서리 snap zone 임계값 (3×3 의 corner zone) 자연스러움
  • 실기기: collapsed 단일 버튼 탭으로 expand
  • 실기기: X 버튼·BottomActionBar 와 toolbar 위치 충돌 없음

Risk / Impact

  • 영향 범위: ProblemScreen body layout, DrawingCanvas onStrokeStart prop 추가
  • PR [feat/MAT-365] 스크랩 화면 전환 #307 stack 머지 후 rebase 시: drawing.tsx 6줄을 새 패키지 (@repo/pointer-native-drawing) DrawingCanvasProps + useRnghPanAdapteronInteractionBegin 안으로 옮기는 follow-up 필요. ProblemScreen import 2줄 갱신.

- ProblemDrawingToolbar: floating 캡슐 toolbar 신설.
  펼침/축소 (229×62 / 62×62), Undo/Redo/Pen/Eraser, primary-200 selected.
- 4 모서리 snap: 1초 long-press 후 drag. 3×3 zone 분할에서 모서리 zone
  안 release 시에만 corner 변경, 그 외엔 원래 모서리로 복귀.
- 자동 collapse: DrawingCanvas onStrokeStart 시 collapsed=true,
  collapsed 단일 버튼 탭으로 expand.
- ProblemScreen: Header / BottomActionBar 사이 본문 wrapper 분리,
  toolbar overlay 영역 한정 (X 버튼·액션바 충돌 회피).
- drawing.tsx: pan.onBegin stylus 진입 시점 onStrokeStart 호출
  (textMode 분기 다음, 그리기 모드에서만 fire).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 10, 2026

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

Project Deployment Actions Updated (UTC)
pointer-admin Ready Ready Preview, Comment May 10, 2026 10:22am

@linear
Copy link
Copy Markdown

linear Bot commented May 10, 2026

MAT-585

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.

1 participant