From fd95e037958f8cf629087c9ee1af5050b6d2bb50 Mon Sep 17 00:00:00 2001 From: spencerwooo Date: Sun, 16 Jan 2022 20:19:52 +0800 Subject: [PATCH] add OdFileObject typings --- components/previews/AudioPreview.tsx | 4 +++- components/previews/EPUBPreview.tsx | 4 +++- components/previews/OfficePreview.tsx | 4 +++- components/previews/VideoPreview.tsx | 3 ++- 4 files changed, 11 insertions(+), 4 deletions(-) diff --git a/components/previews/AudioPreview.tsx b/components/previews/AudioPreview.tsx index 4ccca51..14e7396 100644 --- a/components/previews/AudioPreview.tsx +++ b/components/previews/AudioPreview.tsx @@ -1,4 +1,6 @@ +import { OdFileObject } from '../../types' import { FC, useState } from 'react' + import ReactPlayer from 'react-player' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' @@ -12,7 +14,7 @@ enum PlayerState { Paused, } -const AudioPreview: FC<{ file: any }> = ({ file }) => { +const AudioPreview: FC<{ file: OdFileObject }> = ({ file }) => { const [playerStatus, setPlayerStatus] = useState(PlayerState.Loading) return ( diff --git a/components/previews/EPUBPreview.tsx b/components/previews/EPUBPreview.tsx index 3da4a5b..5725a59 100644 --- a/components/previews/EPUBPreview.tsx +++ b/components/previews/EPUBPreview.tsx @@ -1,4 +1,6 @@ +import { OdFileObject } from '../../types' import { FC, useEffect, useRef, useState } from 'react' + import { ReactReader } from 'react-reader' import type { Rendition } from 'epubjs' @@ -6,7 +8,7 @@ import Loading from '../Loading' import DownloadButtonGroup from '../DownloadBtnGtoup' import { DownloadBtnContainer } from './Containers' -const EPUBPreview: FC<{ file: any }> = ({ file }) => { +const EPUBPreview: FC<{ file: OdFileObject}> = ({ file }) => { const [epubContainerWidth, setEpubContainerWidth] = useState(400) const epubContainer = useRef(null) diff --git a/components/previews/OfficePreview.tsx b/components/previews/OfficePreview.tsx index 85128cc..eafca5f 100644 --- a/components/previews/OfficePreview.tsx +++ b/components/previews/OfficePreview.tsx @@ -1,10 +1,12 @@ +import { OdFileObject } from '../../types' import { FC, useEffect, useRef, useState } from 'react' + import Preview from 'preview-office-docs' import DownloadButtonGroup from '../DownloadBtnGtoup' import { DownloadBtnContainer } from './Containers' -const OfficePreview: FC<{ file: any }> = ({ file }) => { +const OfficePreview: FC<{ file: OdFileObject }> = ({ file }) => { const docContainer = useRef(null) const [docContainerWidth, setDocContainerWidth] = useState(600) diff --git a/components/previews/VideoPreview.tsx b/components/previews/VideoPreview.tsx index d472a77..6a512ff 100644 --- a/components/previews/VideoPreview.tsx +++ b/components/previews/VideoPreview.tsx @@ -1,3 +1,4 @@ +import { OdFileObject } from '../../types' import ReactPlayer from 'react-player' import { useRouter } from 'next/router' import { useClipboard } from 'use-clipboard-copy' @@ -7,7 +8,7 @@ import { getBaseUrl } from '../../utils/getBaseUrl' import { DownloadButton } from '../DownloadBtnGtoup' import { DownloadBtnContainer, PreviewContainer } from './Containers' -const VideoPreview: React.FC<{ file: any }> = ({ file }) => { +const VideoPreview: React.FC<{ file: OdFileObject }> = ({ file }) => { const { asPath } = useRouter() const clipboard = useClipboard()