Add ability to copy config

This commit is contained in:
Nick Mowen 2022-12-05 21:23:37 -07:00
parent a8c0c64303
commit 3bdd61c5e1

View File

@ -4,19 +4,30 @@ import CodeEditor from '@uiw/react-textarea-code-editor';
import ActivityIndicator from '../components/ActivityIndicator';
import Heading from '../components/Heading';
import { useState } from 'preact/hooks';
import Button from '../components/Button';
export default function Config() {
const { data: config } = useSWR('config/raw');
const [newCode, setNewCode] = useState(config);
const [error, setError] = useState();
const handleCopyConfig = async () => {
await window.navigator.clipboard.writeText(newCode);
};
if (!config) {
return <ActivityIndicator />;
}
return (
<div className="space-y-4 p-2 px-4">
<div className="flex justify-between">
<Heading>Config</Heading>
<div>
<Button className="mx-2" onClick={(e) => handleCopyConfig(e)}>Copy Config</Button>
<Button className="mx-2">Save & Restart</Button>
</div>
</div>
{error && <div className="max-h-20 text-red-500">There is an error</div>}