david_bai
27375c1a4d
- Replace hardcoded Tailwind colors (bg-white, bg-gray-50/100, text-gray-, border-gray-, divide-gray-*, text-blue-600/800, bg-blue-50) with design tokens (bg-card, bg-muted, text-foreground, text-muted-foreground, border-
border, text-primary, hover:bg-accent, bg-primary/10).
- ClipboardApp: update RichTextEditor toolbar/editor, FileUploadHandler, ShareCard, FileListDisplay, SendTabPanel, RetrieveTabPanel, FileTransferButton.
- Blog UI: unify styles in list page, tag page, post page, ArticleListItem, and TableOfContents.
- MDX/prose: normalize pre/code/table/blockquote/lists and figure captions; switch rehype table divider to theme token.
- Misc: adjust HomeClient and HowItWorks copy colors to tokens.
- No functional changes; light mode parity; improved contrast and consistency in dark mode.
40 lines
907 B
TypeScript
40 lines
907 B
TypeScript
import { Link2, Image, Code } from "lucide-react";
|
|
|
|
interface InsertToolsProps {
|
|
insertLink: () => void;
|
|
insertImage: () => void;
|
|
insertCodeBlock: () => void;
|
|
}
|
|
|
|
export function InsertTools({
|
|
insertLink,
|
|
insertImage,
|
|
insertCodeBlock,
|
|
}: InsertToolsProps) {
|
|
return (
|
|
<div className="flex flex-wrap gap-1">
|
|
<button
|
|
className="p-1.5 hover:bg-accent rounded"
|
|
onClick={insertLink}
|
|
title="Insert url"
|
|
>
|
|
<Link2 className="w-3.5 h-3.5" />
|
|
</button>
|
|
<button
|
|
className="p-1.5 hover:bg-accent rounded"
|
|
onClick={insertImage}
|
|
title="Upload image"
|
|
>
|
|
<Image className="w-3.5 h-3.5" />
|
|
</button>
|
|
<button
|
|
className="p-1.5 hover:bg-accent rounded"
|
|
onClick={insertCodeBlock}
|
|
title="Insert code"
|
|
>
|
|
<Code className="w-3.5 h-3.5" />
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|