simple-fs-server/islands/FileViewer.tsx

19 lines
541 B
TypeScript

import RenderView from "./ContentRenderer.tsx";
import UpList from "./UpList.tsx";
import { extname } from "path/mod.ts";
import { encodePath } from "../util/util.ts";
export default function FileViewer(props: { path: string }) {
const { path } = props;
const srcPath = `/dir/${encodePath(path)}`;
return (
<div class="p-4 mx-auto max-w-screen-md">
<UpList path={path} />
<a href={srcPath}>Direct link</a>
<div class="p-2 border-2 rounded-lg">
<RenderView src={srcPath} />
</div>
</div>
);
}