xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

add copy button to gist code

Browse Source 
update old post
This commit is contained in:
DefectingCat
2023-12-26 11:21:11 +08:00
parent cf0c91edb6
commit 4f00c9c2d3
4 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/pages/gists/gists-code.tsx
View File

@ -1,14 +1,15 @@
import '@catppuccin/highlightjs/sass/catppuccin.variables.scss';
import clsx from 'clsx';
import CopyCode from 'components/post/copy-code';
import { createElement, Fragment, memo } from 'react';
import rehypeHighlight from 'rehype-highlight';
import rehypeReact from 'rehype-react';
import remarkGfm from 'remark-gfm';
import remarkParse from 'remark-parse';
import remarkRehype from 'remark-rehype';
import rehypeHighlight from 'rehype-highlight';
import { GistsFile } from 'types';
import { unified } from 'unified';
import styles from './gists-code.module.css';
import '@catppuccin/highlightjs/sass/catppuccin.variables.scss';
interface Props {
file: GistsFile;
@ -77,10 +78,16 @@ const GistsCode = ({ file, showFileName = false }: Props) => {
</div>
</div>
<div>{code}</div>
<div className={'relative group'}>
{code}
<CopyCode />
</div>
</div>
) : (
<div>{code}</div>
<div className={'relative group'}>
{code}
<CopyCode />
</div>
)}
</>
);