dahjah/headplane
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: copyable code cannot be a button

Browse Source
This commit is contained in:
Aarnav Tale 2025-02-04 11:39:17 -05:00
parent 347c6698ee
commit 0a14533756
No known key found for this signature in database
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/components/Code.tsx
View File

@ -14,13 +14,15 @@ export default function Code({ isCopyable, children, className }: CodeProps) {
className={cn( className={cn(
'bg-headplane-100 dark:bg-headplane-800 px-1 py-0.5 font-mono', 'bg-headplane-100 dark:bg-headplane-800 px-1 py-0.5 font-mono',
'rounded-lg focus-within:outline-none focus-within:ring-2', 'rounded-lg focus-within:outline-none focus-within:ring-2',
isCopyable && 'relative pr-7',
className, className,
)} )}
> >
{isCopyable ? ( {children}
{isCopyable && (
<button <button
type="button" type="button"
className="inline-flex items-center gap-x-1" className="bottom-0 right-0 absolute"
onClick={async (event) => { onClick={async (event) => {
const text = Array.isArray(children) const text = Array.isArray(children)
? children.join(' ') ? children.join(' ')
@ -41,12 +43,9 @@ export default function Code({ isCopyable, children, className }: CodeProps) {
}, 1000); }, 1000);
}} }}
> >
{children}
<Check className="h-4.5 w-4.5 p-1 hidden data-[copied]:block" /> <Check className="h-4.5 w-4.5 p-1 hidden data-[copied]:block" />
<Copy className="h-4.5 w-4.5 p-1 block data-[copied]:hidden" /> <Copy className="h-4.5 w-4.5 p-1 block data-[copied]:hidden" />
</button> </button>
) : (
children
)} )}
</code> </code>
); );