Skip to content

fix: input, textarea 태그 전역스타일 적용#215

Merged
heeeeyong merged 4 commits into
developfrom
chore/minor-updates
Aug 28, 2025
Merged

fix: input, textarea 태그 전역스타일 적용#215
heeeeyong merged 4 commits into
developfrom
chore/minor-updates

Conversation

@heeeeyong
Copy link
Copy Markdown
Collaborator

@heeeeyong heeeeyong commented Aug 28, 2025 •
edited by coderabbitai Bot
Loading

#️⃣연관된 이슈

없음

📝작업 내용

  1. input과 textarea 태그에 전역스타일 적용했습니다.
  • 피드 글 내용작성
  • 모임방 기록 내용작성
  • 책 선택 모달 검색바
  • MessageInput.tsx
  • 사용자, 책, 방 검색바

이렇게 위에서 적은 부분에 font-size: 16px; 적용된 것 확인했습니다.

  1. 내 피드 > 띱 목록에 props가 제대로 전달되지않아 페이지가 이동하지 않는 문제를 해결했습니다.

스크린샷

없음

💬리뷰 요구사항

없음

Summary by CodeRabbit

  • 새 기능
    • 없음
  • 버그 수정
    • 프로필/팔로워 영역에서 사용자 ID 부재 시 대체 값을 사용해 이동 및 표시가 안정화되었습니다.
  • 리팩터
    • 프로필·팔로워 컴포넌트의 식별자 prop을 일관되게 userId로 정리하고 관련 타입을 선택적으로 변경했습니다.
  • 스타일
    • 입력창·텍스트영역의 글자 크기를 전역 설정에 따르도록 정리하고, 개별 컴포넌트의 중복 지정(font-size)을 제거했습니다.
    • 검색바 플레이스홀더 문구를 가독성 있게 수정했습니다.
  • 잡무
    • 사용되지 않는 코드와 불필요 로그를 정리했습니다.

@vercel
Copy link
Copy Markdown

vercel Bot commented Aug 28, 2025

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

Project Deployment Preview Comments Updated (UTC)
thip Ready Ready Preview Comment Aug 28, 2025 8:12am

@heeeeyong heeeeyong merged commit c9009c7 into develop Aug 28, 2025
2 of 3 checks passed
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Aug 28, 2025 •
edited
Loading

Caution

Review failed

The pull request is closed.

Walkthrough

코드 전반에서 토큰 하드코딩 주석 제거 및 로그 문구 조정, feed 컴포넌트에서 creatorId 중심 로직을 userId 기반으로 변경, 타입 정의를 이에 맞게 수정, 여러 입력 컴포넌트의 명시적 font-size 제거 및 글로벌 입력/텍스트에어리어 스타일 확장, 검색 플레이스홀더 문구 수정이 포함되었습니다.

Changes

Cohort / File(s) Summary of changes
API 요청 인터셉터 정리
src/api/index.ts		 하드코딩 토큰 관련 주석 블록 제거. 인터셉터 동작(로컬스토리지 토큰 시 Authorization 부착, 401 시 리다이렉트)은 동일.
Feed: userId 전달로 통일
src/components/feed/MyFeed.tsx, src/components/feed/MyFollower.tsx, src/components/feed/Profile.tsx, src/types/profile.ts		 Profile에 userId 전달 시 `creatorId
Feed 페이지: 토큰 미존재 로그 조정
src/pages/feed/Feed.tsx		 토큰 미존재 시 로그 문구를 변경하고, 하드코딩 설정 관련 주석 추가(실제 주입 코드는 주석 처리). 흐름은 동일.
스타일: 입력/텍스트 영역 폰트 크기 명시 제거 및 글로벌 확장
src/components/createpost/PostContentSection.styled.ts, src/components/recordwrite/RecordContentSection.styled.ts, src/components/today-words/MessageInput.styled.ts, src/components/search/SearchBar.tsx, src/styles/global/global.ts		 개별 컴포넌트의 font-size 지정 제거로 상속/기본값 사용. 글로벌 스타일에서 input, textarea에 적용되도록 확장하고 기본 폰트 크기 지정 추가.
검색 플레이스홀더 문구 수정
src/pages/groupSearch/GroupSearch.tsx, src/pages/search/Search.tsx		 한국어 플레이스홀더 문구의 띄어쓰기/접속어 수정. 기능 변화 없음.

Sequence Diagram(s)

sequenceDiagram
  actor User as 사용자
  participant MyFeed as MyFeed
  participant Profile as Profile
  participant MyFollower as MyFollower
  participant Router as Router

  User->>MyFeed: 피드 조회
  MyFeed->>Profile: props 전달 (userId = creatorId || userId)
  Profile->>MyFollower: props 전달 (userId)
  User->>MyFollower: 팔로워 섹션 클릭
  MyFollower->>Router: navigate(/follow/followerlist/{userId})
  Router-->>User: 팔로워 목록 페이지 표시
  note over MyFeed,Profile: creatorId 미존재 시 userId로 폴백
Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

Suggested labels

🎨 Html&css, 🐞 BugFix

Poem

귀 쫑긋, 키보드 톡톡, 나는 토깽 개발자! 🐇
creatorId냐 userId냐, 길을 고쳐 깔았지.
폰트 크긴 누가 정해? 이젠 스타일이 답해요.
토큰은 말끔, 플레이스홀더 반짝—
폴백 튼튼, 피드로 달려간다! ✨

Tip

🔌 Remote MCP (Model Context Protocol) integration is now available!

Pro plan users can now connect to remote MCP servers from the Integrations page. Connect with popular remote MCPs such as Notion and Linear to add more context to your reviews and chats.

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled by default for public repositories
  • Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 623c7bd and 783250b.

📒 Files selected for processing (13)
  • src/api/index.ts (1 hunks)
  • src/components/createpost/PostContentSection.styled.ts (0 hunks)
  • src/components/feed/MyFeed.tsx (1 hunks)
  • src/components/feed/MyFollower.tsx (1 hunks)
  • src/components/feed/Profile.tsx (1 hunks)
  • src/components/recordwrite/RecordContentSection.styled.ts (0 hunks)
  • src/components/search/SearchBar.tsx (0 hunks)
  • src/components/today-words/MessageInput.styled.ts (0 hunks)
  • src/pages/feed/Feed.tsx (1 hunks)
  • src/pages/groupSearch/GroupSearch.tsx (1 hunks)
  • src/pages/search/Search.tsx (1 hunks)
  • src/styles/global/global.ts (1 hunks)
  • src/types/profile.ts (1 hunks)
✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch chore/minor-updates
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbit in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbit in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbit gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbit read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbit help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbit ignore or @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbit summary or @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbit or @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@heeeeyong heeeeyong self-assigned this Aug 28, 2025
@heeeeyong heeeeyong added the 🐞 BugFix Something isn't working label Aug 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

@heeeeyong heeeeyong

Labels

🐞 BugFix Something isn't working

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@heeeeyong