paulmataruso/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2025-11-05 22:43:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

add loader for loading scripts (#265)

Browse Source
This commit is contained in:
Guy Ben-Aharon
2024-10-08 19:45:29 +03:00
committed by GitHub
parent d35127576d
commit 5956018cdc
2 changed files with 33 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/code-snippet/code-snippet.tsx
View File

@@ -8,6 +8,7 @@ export interface CodeSnippetProps {
codeProps?: CopyBlockProps;
code: string;
language?: 'sql' | 'bash';
loading?: boolean;
}
const CopyBlock = React.lazy(() =>
@@ -19,21 +20,25 @@ const CopyBlock = React.lazy(() =>
);
export const CodeSnippet: React.FC<CodeSnippetProps> = React.memo(
({ className, codeProps, code, language = 'sql' }) => (
({ className, codeProps, code, loading, language = 'sql' }) => (
<div className={cn('flex flex-1 justify-center', className)}>
<Suspense fallback={<Spinner />}>
<CopyBlock
language={language}
text={code}
customStyle={{
display: 'flex',
flex: '1',
fontSize: '14px',
width: '100%',
}}
{...codeProps}
/>
</Suspense>
{loading ? (
<Spinner />
) : (
<Suspense fallback={<Spinner />}>
<CopyBlock
language={language}
text={code}
customStyle={{
display: 'flex',
flex: '1',
fontSize: '14px',
width: '100%',
}}
{...codeProps}
/>
</Suspense>
)}
</div>
)
);