r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-06-28 01:30:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Compare commits

base: r-freeman:709aba439e09b755926f7e22dc3d081c8f594cd5
Branches Tags
r-freeman:main
...
compare: r-freeman:34a1bb975646ab2838d4c2b23718956cc546b458
Branches Tags
r-freeman:main

2 Commits
709aba439e ... 34a1bb9756

Author SHA1 Message Date
Ryan Freeman
34a1bb9756 Update comment component
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 1m53s
Details
2025-06-20 20:38:21 +01:00
Ryan Freeman
efd8dfb8f8 Update code component 2025-06-20 20:38:00 +01:00
2 changed files with 6 additions and 4 deletions
Show Stats Expand all files Collapse all files

4
components/ui/Code.tsx
View File

@ -19,9 +19,9 @@ export function Code({children}: { children: ReactNode }) {
return ( return (
<pre className="relative group" ref={preRef}> <pre className="relative group" ref={preRef}>
<button <button
className="absolute top-0 right-0 m-5 text-zinc-400" className="absolute top-0 right-0 m-5 text-zinc-400 rounded-lg hover:bg-[#121212] p-2"
onClick={handleCopy} aria-label={`${!copied ? 'Copy this code' : 'Copied!'}`}> onClick={handleCopy} aria-label={`${!copied ? 'Copy this code' : 'Copied!'}`}>
<div className="relative size-6"> <div className="relative size-5">
<CheckIcon <CheckIcon
className={clsx('absolute text-green-500 ease-in transform transition', !copied ? 'scale-0' : 'scale-100')}/> className={clsx('absolute text-green-500 ease-in transform transition', !copied ? 'scale-0' : 'scale-100')}/>
<CopyIcon <CopyIcon

6
components/ui/Comments.tsx
View File

@ -185,8 +185,10 @@ Comments.Form = function Form({slug}: { slug: string }) {
/> />
<input type="hidden" name="parent_id" value={parentId ?? ''}/> <input type="hidden" name="parent_id" value={parentId ?? ''}/>
<input type="hidden" name="slug" value={slug}/> <input type="hidden" name="slug" value={slug}/>
<div className="mt-2 flex justify-between items-center gap-x-4"> <div className={clsx('mt-2 flex justify-end items-center gap-x-4', session && 'justify-between')}>
<p className="text-sm text-zinc-600 dark:text-zinc-400">{`${commentFormContext?.commentLength} / ${commentFormContext?.commentMaxLength}`}</p> {session &&
<p className="text-sm text-zinc-600 dark:text-zinc-400">{`${commentFormContext?.commentLength} / ${commentFormContext?.commentMaxLength}`}</p>
}
<div className="flex gap-x-4"> <div className="flex gap-x-4">
{commentFormContext?.replyTo && {commentFormContext?.replyTo &&
<button <button