frontend/pages/history.tsx

60 lines
1.7 KiB
TypeScript
Raw Normal View History

2022-08-27 03:48:28 +03:00
import type { NextPage } from 'next'
import Head from 'next/head'
import { ErrorViewer } from '../Components/ErrorViewer'
import { FileUploader } from '../Components/FileUploader'
import { Header } from '../Components/header'
import styles from '../styles/Home.module.css'
import 'antd/dist/antd.css';
import { ItemSelect, SelectItemIE } from '../Components/ItemSelect'
import { useState } from 'react'
import { get } from './api/fetch'
import { host } from './api/consts'
import { PulseLoader } from 'react-spinners'
import axios from 'axios'
import { useRouter } from 'next/router'
const History: NextPage = () => {
let files = new Array<JSX.Element>()
const [data, setData] = useState("")
let router = useRouter()
if (data == ""){
2022-08-27 12:17:39 +03:00
axios.get(host+"/api/site/docx/").then(res => {
2022-08-27 03:48:28 +03:00
setData(res.data)
})
}
if (data != ""){
(data as any).forEach((value:any) => {
2022-08-27 12:17:39 +03:00
localStorage.setItem(value.uuid, value.file)
2022-08-27 03:48:28 +03:00
files.push(
<div className={styles.fileCard} onClick={()=>router.push("/view/" + value.uuid)}>
{value.file.slice(48, value.file.lenght)}
</div>
)
});
}
return (
<div className={styles.container}>
<Head>
<title>Загрузите файл</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<Header></Header>
<div className={styles.history}>
{
data==""? <PulseLoader color={"#13377D"}></PulseLoader>:files
}
</div>
</main>
</div>
)
}
export default History