Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

refactor: migrate CopyableValue from MUI to Radix UI#20261

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
jaaydenh wants to merge1 commit intomain
base:main
Choose a base branch
Loading
fromjaaydenh/refactor-copyable-value

Conversation

jaaydenh
Copy link
Contributor

@jaaydenhjaaydenh commentedOct 12, 2025
edited
Loading

Summary

Migrates theCopyableValue component from Material-UI Tooltip to Radix UI Tooltip.

Changes

CopyableValue Component

  • Removed unused prop:PopperProps (never used in any call site)
  • Renamed prop:placementside (Radix naming convention)
  • Updated pattern: Now uses TooltipProvider/Tooltip/TooltipTrigger/TooltipContent composition

Updated Call Sites

  • IconsPage.tsx: Changedplacement="bottom" toside="bottom" (only call site using positioning prop)

Migration Details

Before (MUI + Emotion):

<Tooltiptitle={showCopiedSuccess ?"Copied!" :"Click to copy"}placement={placement}PopperProps={PopperProps}><spancss={{cursor:"pointer"}}>{children}</span></Tooltip>

After (Radix + Tailwind):

<TooltipProvider><Tooltip><TooltipTriggerasChild><spanclassName="cursor-pointer">{children}</span></TooltipTrigger><TooltipContentside={side}>{showCopiedSuccess ?"Copied!" :"Click to copy"}</TooltipContent></Tooltip></TooltipProvider>

Minimal API surface change:

  • placement prop renamed toside (only affects 1 call site - already updated)
  • PopperProps removed (was never used)

Replace MUI Tooltip with Radix Tooltip components and migrate Emotion CSSto Tailwind utility classes. This is part of the ongoing effort tostandardize on Radix UI/shadcn components and Tailwind CSS.Changes:- Replace @mui/material/Tooltip with components/Tooltip/Tooltip (Radix)- Remove unused PopperProps (not used anywhere in codebase)- Rename placement prop to side to match Radix API- Replace Emotion css={{ cursor: "pointer" }} with Tailwind cursor-pointer class- Update single call site in IconsPage.tsx (placement → side)- Wrap in TooltipProvider as required by RadixTechnical details:- Radix uses Provider/Tooltip/Trigger/Content pattern (more verbose but flexible)- Maintained backward compatibility for all other call sites (6 files)- No functional changes to component behavior🤖 Generated with [Claude Code](https://claude.com/claude-code)Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment

Reviewers

@aslilacaslilacAwaiting requested review from aslilacaslilac is a code owner

@ParkreinerParkreinerAwaiting requested review from ParkreinerParkreiner is a code owner

At least 1 approving review is required to merge this pull request.

Assignees

@jaaydenhjaaydenh

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@jaaydenh

[8]ページ先頭

©2009-2025 Movatter.jp