Fascinated/imageify
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Change to nextui Text instead of vanilla html tags

Browse Source
This commit is contained in:
Lee 2022-11-17 08:28:01 +00:00
parent 5a1d7d7645
commit 0709cec637
No known key found for this signature in database
GPG Key ID: 6EA25896ECCB3121
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/files/[fileId].js
View File

@ -7,6 +7,7 @@ import { downloadURI } from "src/utils/helpers/webUtils";
const Link = dynamic(() => import("next/link")); const Link = dynamic(() => import("next/link"));
const Image = dynamic(() => import("next/image")); const Image = dynamic(() => import("next/image"));
const Button = dynamic(() => import("@nextui-org/react/button")); const Button = dynamic(() => import("@nextui-org/react/button"));
const Text = dynamic(() => import("@nextui-org/react/text"));
export default function File({ isValidFile, fileData }) { export default function File({ isValidFile, fileData }) {
const file = JSON.parse(fileData); const file = JSON.parse(fileData);
@ -113,14 +114,14 @@ export default function File({ isValidFile, fileData }) {
{metaData} {metaData}
<div className="h-screen flex items-center justify-center"> <div className="h-screen flex items-center justify-center">
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<h1 className="font-bold text-lg"> <Text h1 className="font-bold text-lg">
{originalFileName} ({fileId}.{ext}) {originalFileName} ({fileId}.{ext})
</h1> </Text>
<h3>{uploadDate}</h3> <Text>{uploadDate}</Text>
<h3> <Text>
Uploader: <span className="font-bold">{uploader.username}</span> -{" "} Uploader: <span className="font-bold">{uploader.username}</span> -{" "}
{formatBytes(size)} {formatBytes(size)}
</h3> </Text>
<div className="md:max-w-[70%] sm:w-fit sm:h-fit mt-3 items-center justify-center"> <div className="md:max-w-[70%] sm:w-fit sm:h-fit mt-3 items-center justify-center">
{toShow} {toShow}
</div> </div>