dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: replace lucide icons

Browse source
This commit is contained in:
shadcn 2023-06-13 16:02:07 +04:00
parent 44f93d338e
commit 3c34307ab0
15 changed files with 457 additions and 204 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/ui/codeblock.tsx
View file

@ -1,11 +1,11 @@
'use client'
import { FC, memo } from 'react'
import { Check, Clipboard, Download } from 'lucide-react'
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
import { coldarkDark } from 'react-syntax-highlighter/dist/cjs/styles/prism'
import { useCopyToClipboard } from '@/lib/hooks/use-copy-to-cliipboard'
import { IconCheck, IconCopy, IconDownload } from '@/components/ui/icons'
interface Props {
language: string
@ -91,7 +91,7 @@ const CodeBlock: FC<Props> = memo(({ language, value }) => {
className="flex items-center gap-1.5 rounded bg-none p-1 text-xs text-white"
onClick={() => copyToClipboard(value)}
>
{isCopied ? <Check size={18} /> : <Clipboard size={18} />}
{isCopied ? <IconCheck /> : <IconCopy />}
{isCopied ? 'Copied!' : 'Copy code'}
</button>
<button
@ -99,7 +99,7 @@ const CodeBlock: FC<Props> = memo(({ language, value }) => {
className="flex items-center rounded bg-none p-1 text-xs text-white"
onClick={downloadAsFile}
>
<Download size={18} />
<IconDownload />
</button>
</div>
</div>