2021-06-25 14:15:00 +00:00
|
|
|
import { FunctionComponent } from 'react'
|
|
|
|
|
|
|
|
import FourOhFour from '../FourOhFour'
|
|
|
|
import Loading from '../Loading'
|
|
|
|
import DownloadBtn from '../DownloadBtn'
|
2021-08-29 14:50:38 +00:00
|
|
|
import { useStaleSWR } from '../../utils/tools'
|
2021-06-25 14:15:00 +00:00
|
|
|
|
|
|
|
const TextPreview: FunctionComponent<{ file: any }> = ({ file }) => {
|
2021-08-29 14:50:38 +00:00
|
|
|
const { data, error } = useStaleSWR(file['@microsoft.graph.downloadUrl'])
|
2021-06-25 14:15:00 +00:00
|
|
|
if (error) {
|
|
|
|
return (
|
2021-08-23 15:14:08 +00:00
|
|
|
<div className="shadow bg-white dark:bg-gray-900 rounded p-3">
|
2021-06-25 14:15:00 +00:00
|
|
|
<FourOhFour errorMsg={error.message} />
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
if (!data) {
|
|
|
|
return (
|
2021-08-23 15:14:08 +00:00
|
|
|
<div className="shadow bg-white dark:bg-gray-900 rounded p-3">
|
2021-06-25 14:15:00 +00:00
|
|
|
<Loading loadingText="Loading file content..." />
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
2021-08-29 14:32:27 +00:00
|
|
|
<div className="shadow bg-white dark:bg-gray-900 dark:text-gray-100 rounded p-3">
|
2021-06-25 14:15:00 +00:00
|
|
|
<pre className="p-0 md:p-3 overflow-scroll">{data}</pre>
|
|
|
|
</div>
|
|
|
|
<div className="mt-4">
|
|
|
|
<DownloadBtn downloadUrl={file['@microsoft.graph.downloadUrl']} />
|
|
|
|
</div>
|
|
|
|
</>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default TextPreview
|