feat: add Google login UI and ProfileCard component#12
Merged
Conversation
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Create ProfileCard component for sidebar user profile display - Replace Settings button with ProfileCard in sidebar - Add initialMenu and onProfileSaved props to SettingsModal - Improve avatar initials logic to support two-letter format Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add Google account connection button with loading state - Display user name and email fields when connected - Move success message to footer left side - Add cleanup for Google connect timer on unmount Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
FluxloopAdmin
approved these changes
Feb 3, 2026
Contributor
FluxloopAdmin
left a comment
FluxloopAdmin
left a comment
There was a problem hiding this comment.
✅ LGTM - Approved
Google 로그인 UI와 ProfileCard 컴포넌트가 잘 구현되었습니다!
👍 Highlights
- ProfileCard 컴포넌트: Avatar + Display Name + Subtitle 깔끔한 구조
- getInitials 함수: 2글자 이니셜 추출 잘 처리
- Google 로그인 UI: 공식 로고 + 상태별 UI (idle/loading/connected)
- 상태 동기화: onProfileSaved 콜백으로 page.tsx ↔ SettingsModal 연동
- 접근성: aria-label 포함
📝 Note
- Google 로그인은 현재 mockup 상태 (실제 OAuth 미연동)
- 실제 연동은 별도 PR에서 진행 예상
깔끔한 UI 구현입니다! 🚀
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Test plan
🤖 Generated with Claude Code