frontend/pages/index.tsx

43 lines
1.2 KiB
TypeScript
Raw Normal View History

2022-08-26 15:28:20 +03:00
import type { NextPage } from 'next'
import Head from 'next/head'
2022-08-26 22:49:44 +03:00
import { ErrorViewer } from '../Components/ErrorViewer'
2022-08-26 20:02:52 +03:00
import { FileUploader } from '../Components/FileUploader'
2022-08-26 22:49:44 +03:00
import { Header } from '../Components/header'
2022-08-26 15:28:20 +03:00
import styles from '../styles/Home.module.css'
2022-08-26 22:49:44 +03:00
import 'antd/dist/antd.css';
2022-08-27 01:37:17 +03:00
import { ItemSelect, SelectItemIE } from '../Components/ItemSelect'
import { useState } from 'react'
2022-08-27 12:17:39 +03:00
import { useRouter } from 'next/router'
2022-08-27 01:37:17 +03:00
2022-08-26 15:28:20 +03:00
2022-08-27 12:17:39 +03:00
const Upload: NextPage = () => {
const [files, setFiles] = useState(new Array())
let router = useRouter()
2022-08-27 03:48:28 +03:00
2022-08-27 12:17:39 +03:00
const onNext = () =>{
localStorage.setItem("files", JSON.stringify(files))
router.push("/files")
2022-08-27 03:48:28 +03:00
}
2022-08-27 12:17:39 +03:00
2022-08-26 15:28:20 +03:00
return (
<div className={styles.container}>
<Head>
2022-08-27 12:17:39 +03:00
<title>Create Next App</title>
2022-08-26 15:28:20 +03:00
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
2022-08-26 22:49:44 +03:00
<Header></Header>
2022-08-27 12:17:39 +03:00
<div className={styles.upload}>
<FileUploader onResponse={(file)=>setFiles([...files, file])}></FileUploader>
<div className={styles.btn} onClick={()=>onNext()}>Далее</div>
</div>
2022-08-26 15:28:20 +03:00
</main>
</div>
)
}
2022-08-27 12:17:39 +03:00
export default Upload