add very temporary link to point to that html

longshuicy · longshuicy · commit 018ef899d2f6 · 2022-10-30T21:19:13.000-05:00
diff --git a/src/components/File.jsx b/src/components/File.jsx
@@ -8,6 +8,7 @@ import Audio from "./previewers/Audio";
 import Video from "./previewers/Video";
 import {downloadResource} from "../utils/common";
 import Thumbnail from "./previewers/Thumbnail";
+import Html from "./previewers/Html";
 
 const useStyles = makeStyles((theme) => ({
 	appBar: {
@@ -85,6 +86,9 @@ export default function File(props) {
 										return <Thumbnail fileId={preview["fileid"]} fileType={preview["fileType"]}
 														  imgSrc={preview["resource"]} />;
 									}
+									else if (preview["previewType"] === "html"){
+										return <Html fileId={preview["fileid"]} htmlSrc={preview["url"]} />;
+									}
 								})
 							}
 						</TabPanel>
diff --git a/src/components/previewers/Html.jsx b/src/components/previewers/Html.jsx
@@ -0,0 +1,7 @@
+import React from "react";
+import Link from "@material-ui/core/Link";
+
+export default function Html(props) {
+	const {fileId, htmlSrc, ...other} = props;
+	return <Link id={fileId} href={htmlSrc} target="_blank">Click here to preview</Link>
+}
