28 |
29 | setPrefix(e.target.value)}
33 | className="block w-full mt-2 border-gray-300 rounded-md shadow-sm focus:border-teal-300 focus:ring focus:ring-teal-200 focus:ring-opacity-50"
34 | placeholder="Style name prefix (optional)"
35 | />
36 |
37 |
38 |
39 |
52 |
53 |
65 |
66 |
67 |
68 |
83 |
92 |
93 |
94 | );
95 | });
96 |
97 | export default ColorView;
98 |
--------------------------------------------------------------------------------
/src/components/FileUpload.tsx:
--------------------------------------------------------------------------------
1 | import { observer } from "mobx-react-lite";
2 | import React, { useCallback } from "react";
3 | import { useDropzone } from "react-dropzone";
4 | import { useMst } from "../models/Root";
5 |
6 | interface Props {}
7 |
8 | const FileUpload = observer(({}: Props) => {
9 | const { configName, errorMessage, readFile } = useMst();
10 |
11 | const onDrop = useCallback((acceptedFiles) => {
12 | acceptedFiles.forEach((file) => readFile(acceptedFiles[0].name, file));
13 | }, []);
14 | const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });
15 |
16 | return (
17 | 
