FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Add compiler

Browse Source
This commit is contained in:
Fat Snake
2024-01-10 18:15:17 +08:00
parent e846c28082
commit 71052009ae
6 changed files with 172 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/OnlineEditor.tsx
View File

@@ -2,19 +2,27 @@ import React from 'react'
import CodeEditor from '@/components/Playground/CodeEditor'
import { initFiles } from '@/components/Playground/files'
import { IFiles } from '@/components/Playground/shared'
import FitFullscreen from '@/components/common/FitFullscreen.tsx'
import FlexBox from '@/components/common/FlexBox.tsx'
import Preview from '@/components/Playground/Preview'
const OnlineEditor: React.FC = () => {
const [files, setFiles] = useState<IFiles>(initFiles)
return (
<>
<CodeEditor
files={files}
onAddFile={(_, files) => setFiles(files)}
onRemoveFile={(_, files) => setFiles(files)}
onRenameFile={(_, __, files) => setFiles(files)}
onChangeFileContent={(_, __, files) => setFiles(files)}
/>
<FitFullscreen>
<FlexBox style={{ width: '100%', height: '100%' }} direction={'horizontal'}>
<CodeEditor
files={files}
onAddFile={(_, files) => setFiles(files)}
onRemoveFile={(_, files) => setFiles(files)}
onRenameFile={(_, __, files) => setFiles(files)}
onChangeFileContent={(_, __, files) => setFiles(files)}
/>
<Preview files={files} />
</FlexBox>
</FitFullscreen>
</>
)
}