elysium/minecluster
elysium/minecluster
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[FEATURE] Broken editor pt 2

Browse source
This commit is contained in:
Dunemask 2024-01-15 15:42:47 -07:00
parent a4275c6e24
commit 69018292b7
2 changed files with 14 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/components/files/FilePreview.jsx
View file

@ -22,9 +22,17 @@ export function useFilePreview(isOpen = false) {
return [open, dialogToggle];
}
function TextPreview(props) {
const [delta, setDelta] = useState();
const { fileText, onChange } = props;
export default function FilePreview(props) {
const [fileText, setFileText] = useState();
const theme = useTheme();
const fullScreen = useMediaQuery(theme.breakpoints.down("md"));
const { previewData, open, dialogToggle, onModifiedFile } = props;
const { fileData, name } = previewData ?? {};
const ext = name ? name.split(".").pop() : null;
const isTextFile = textFileTypes.includes(ext);
const buildDelta = (text) => {
if (!text) return;
@ -32,36 +40,15 @@ function TextPreview(props) {
return { ops: text.split("\n").map((l) => ({ insert: `${l}\n` })) };
};
useEffect(() =>
setDelta(buildDelta(fileText)),
[fileText]);
if (!fileText) return;
return <ReactQuill theme="snow" value={delta} onChange={onChange} />;
}
export default function FilePreview(props) {
const [fileText, setFileText] = useState();
const theme = useTheme();
const fullScreen = useMediaQuery(theme.breakpoints.down("md"));
const { previewData, open, dialogToggle } = props;
const { fileData, name } = previewData ?? {};
const ext = name ? name.split(".").pop() : null;
const isTextFile = textFileTypes.includes(ext);
async function onEditorChange(content, delta, source, editor) {
const text = editor.getText();
// setEditorText(text);
console.log(editor.getText());
}
async function onPreviewChange() {
if (!isTextFile) return;
const text = await fileData.text();
setFileText(text);
console.log("Preview cahnged");
// setEditorText(text);
}
async function onSave() {
@ -92,7 +79,7 @@ export default function FilePreview(props) {
<Toolbar sx={{ display: { sm: "none" } }} />
<DialogTitle>{name}</DialogTitle>
<DialogContent>
<TextPreview fileText={fileText} onChange={onEditorChange} />
<ReactQuill theme="snow" value={buildDelta(fileText)} onChange={onEditorChange} />
</DialogContent>
<DialogActions>
<Button autoFocus onClick={dialogToggle}>

2
src/pages/Files.jsx
View file

@ -17,7 +17,7 @@ export default function Files() {
useEffect(() => {
if (!currentServer) nav("/");
}, [currentServer]);
console.log("called files");
function changePreview(name, fileData) {
setPreviewData({ name, fileData });
dialogToggle();