-
-
- Name
- Last Modified
- Size
- Actions
-
-
-
-
-
-
{renderReadme && (
- {
- e.preventDefault()
-
- if (!c.folder && fileIsImage(c.name)) {
- setActiveImageIdx(imageIndexDict[c.id])
- setImageViewerVisibility(true)
- } else {
- router.push(`${path === '/' ? '' : path}/${encodeURIComponent(c.name)}`)
- }
- }}
- >
-
- {c.folder ? (
+ <>
+
+
+ ))}
+ {!onlyOnePage && (
+
+
+
+ {
+ setImageViewerVisibility(false)
+ }}
+ customToolbar={toolbars => {
+ toolbars[0].render =
- )}
+ Name
+ Last Modified
+ Size
+ Actions
+
- {
- clipboard.copy(`${getBaseUrl()}${path === '/' ? '' : path}/${encodeURIComponent(c.name)}`)
- toast('Copied folder permalink.', { icon: '👌' })
- }}
- >
-
- ) : (
-
- {
- clipboard.copy(
- `${getBaseUrl()}/api?path=${path === '/' ? '' : path}/${encodeURIComponent(c.name)}&raw=true`
- )
- toast.success('Copied raw file permalink.')
- }}
- >
-
+
+
- ))}
-
- {!onlyOnePage && (
- {
+ e.preventDefault()
+
+ if (!c.folder && fileIsImage(c.name)) {
+ setActiveImageIdx(imageIndexDict[c.id])
+ setImageViewerVisibility(true)
+ } else {
+ router.push(`${path === '/' ? '' : path}/${encodeURIComponent(c.name)}`)
+ }
+ }}
+ >
+
- )}
-
- {c.folder || c.name === '.password' ? (
- ''
- ) : (
- toggleItemSelected(c.id)}
- title="Select file"
- />
- )}
-
-
-
) : (
- <>
- Load more
-
- - showing {size} page{size > 1 ? 's' : ''} of {isLoadingMore ? '...' : children.length} files -
-
-
+ {
+ clipboard.copy(
+ `${getBaseUrl()}/api?path=${path === '/' ? '' : path}/${encodeURIComponent(c.name)}&raw=true`
+ )
+ toast.success('Copied raw file permalink.')
+ }}
+ >
+
)}
-
-
+ {c.folder || c.name === '.password' ? (
+ ''
+ ) : (
+ toggleItemSelected(c.id)}
+ title="Select file"
+ />
+ )}
+
+
+
+ )}
+
+ - showing {size} page{size > 1 ? 's' : ''} of {isLoadingMore ? '...' : children.length} files -
+
+
+
+
+
)
}
@@ -557,10 +559,10 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
switch (extensions[fileExtension]) {
case preview.image:
return (
-
+
{/* eslint-disable-next-line @next/next/no-img-element */}
-
+
)
case preview.text:
@@ -588,28 +590,28 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
return {fileName}
+ return
+
-
+
+
+
)
}
return (
-
+
+
)
}
export default FileListing
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 10f0188..36d8165 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -7,7 +7,12 @@ const createFooterMarkup = () => {
}
const Footer = () => {
- return
+ return (
+
+ )
}
export default Footer
diff --git a/components/FourOhFour.tsx b/components/FourOhFour.tsx
index 9f2a8b1..927c56f 100644
--- a/components/FourOhFour.tsx
+++ b/components/FourOhFour.tsx
@@ -1,7 +1,6 @@
import Image from 'next/image'
-import { FunctionComponent } from 'react'
-const FourOhFour: FunctionComponent<{ errorMsg: string }> = ({ errorMsg }) => {
+const FourOhFour: React.FC<{ errorMsg: string }> = ({ errorMsg }) => {
return (
diff --git a/components/Loading.tsx b/components/Loading.tsx
index f083fcc..c51a494 100644
--- a/components/Loading.tsx
+++ b/components/Loading.tsx
@@ -1,6 +1,4 @@
-import { FunctionComponent } from 'react'
-
-const Loading: FunctionComponent<{ loadingText: string }> = ({ loadingText }) => {
+const Loading: React.FC<{ loadingText: string }> = ({ loadingText }) => {
return (
-
+
+
-
+
+
+
)
}
return (
- (null)
@@ -20,9 +21,9 @@ const OfficePreview: FunctionComponent<{ file: any }> = ({ file }) => {
height="600"
/>
-
- {/* Using rehypeRaw to render HTML inside Markdown is potentially dangerous, use under safe environments. (#18) */}
-
- {data}
-
-
- {standalone && (
-
-
+
+ {standalone && (
+
+
)}
)
diff --git a/components/previews/OfficePreview.tsx b/components/previews/OfficePreview.tsx
index c049e80..3489076 100644
--- a/components/previews/OfficePreview.tsx
+++ b/components/previews/OfficePreview.tsx
@@ -2,6 +2,7 @@ import { FunctionComponent, useEffect, useRef, useState } from 'react'
import Preview from 'preview-office-docs'
import DownloadButtonGroup from '../DownloadBtnGtoup'
+import { DownloadBtnContainer } from './Containers'
const OfficePreview: FunctionComponent<{ file: any }> = ({ file }) => {
const docContainer = useRef
+ {/* Using rehypeRaw to render HTML inside Markdown is potentially dangerous, use under safe environments. (#18) */}
+
+ {content}
+
+
+
+