| 1 |
import React from 'react' |
| 2 |
import { getSnippetType } from '../../../utils/snippets/snippets' |
| 3 |
import { SnippetPreviewModal } from '../SnippetPreviewModal' |
| 4 |
import { CloudSnippetDownloadButton } from './CloudSnippetDownloadButton' |
| 5 |
import type { CloudSnippetSchema } from '../../../types/schema/CloudSnippetSchema' |
| 6 |
|
| 7 |
export interface CloudSnippetPreviewModalProps { |
| 8 |
isOpen: boolean |
| 9 |
onDownloaded: VoidFunction |
| 10 |
snippet: CloudSnippetSchema |
| 11 |
setIsOpen: (isOpen: boolean) => void |
| 12 |
} |
| 13 |
|
| 14 |
export const CloudSnippetPreviewModal: React.FC<CloudSnippetPreviewModalProps> = ({ |
| 15 |
snippet, |
| 16 |
isOpen, |
| 17 |
setIsOpen, |
| 18 |
onDownloaded |
| 19 |
}) => |
| 20 |
<SnippetPreviewModal |
| 21 |
title={snippet.name} |
| 22 |
code={snippet.code} |
| 23 |
type={getSnippetType(snippet)} |
| 24 |
isOpen={isOpen} |
| 25 |
setIsOpen={setIsOpen} |
| 26 |
footerActions={<CloudSnippetDownloadButton snippet={snippet} onDownloaded={onDownloaded} />} |
| 27 |
/> |
| 28 |
|
