GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: import/fetch file

Browse Source
This commit is contained in:
AykutSarac 2023-05-16 12:59:20 +03:00
parent d8cefd5cd5
commit e647c714a4
No known key found for this signature in database
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/containers/Modals/ImportModal/index.tsx
View File

@ -3,7 +3,7 @@ import styled from "styled-components";
import { Modal, Group, Button, TextInput, Stack, Divider, ModalProps } from "@mantine/core";
import toast from "react-hot-toast";
import { AiOutlineUpload } from "react-icons/ai";
import useJson from "src/store/useJson";
import useFile from "src/store/useFile";
const StyledUploadWrapper = styled.label`
display: flex;
@ -33,7 +33,7 @@ const StyledUploadMessage = styled.h3`
`;
export const ImportModal: React.FC<ModalProps> = ({ opened, onClose }) => {
const setJson = useJson(state => state.setJson);
const setContents = useFile(state => state.setContents);
const [url, setURL] = React.useState("");
const [jsonFile, setJsonFile] = React.useState<File | null>(null);
@ -61,7 +61,7 @@ export const ImportModal: React.FC<ModalProps> = ({ opened, onClose }) => {
return fetch(url)
.then(res => res.json())
.then(json => {
setJson(JSON.stringify(json, null, 2));
setContents({ contents: JSON.stringify(json, null, 2) });
onClose();
})
.catch(() => toast.error("Failed to fetch JSON!"))
@ -73,7 +73,7 @@ export const ImportModal: React.FC<ModalProps> = ({ opened, onClose }) => {
reader.readAsText(jsonFile, "UTF-8");
reader.onload = function (data) {
setJson(data.target?.result as string);
if (typeof data.target?.result === "string") setContents({ contents: data.target?.result });
onClose();
};
}