From 5a1d7d76451fb0102ef05007a322ca5543a87b0f Mon Sep 17 00:00:00 2001
From: Liam <admin@fascinated.cc>
Date: Thu, 17 Nov 2022 08:16:45 +0000
Subject: [PATCH] Dynamiclly load Link, Image and Button on file page

---
 src/pages/files/[fileId].js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/files/[fileId].js b/src/pages/files/[fileId].js
index 3e28744..f4a61e8 100644
--- a/src/pages/files/[fileId].js
+++ b/src/pages/files/[fileId].js
@@ -1,12 +1,13 @@
-import { Button } from "@nextui-org/react";
-import moment from "moment/moment";
 import { NextSeo } from "next-seo";
-import Image from "next/image";
-import Link from "next/link";
+import dynamic from "next/dynamic";
 import { getFileInfo } from "src/utils/helpers/fileHelpers";
 import { formatBytes } from "src/utils/helpers/stringHelpers";
 import { downloadURI } from "src/utils/helpers/webUtils";
 
+const Link = dynamic(() => import("next/link"));
+const Image = dynamic(() => import("next/image"));
+const Button = dynamic(() => import("@nextui-org/react/button"));
+
 export default function File({ isValidFile, fileData }) {
 	const file = JSON.parse(fileData);
 	let {
@@ -115,7 +116,7 @@ export default function File({ isValidFile, fileData }) {
 					<h1 className="font-bold text-lg">
 						{originalFileName} ({fileId}.{ext})
 					</h1>
-					<h3>{moment(uploadDate).format("MMMM Do YYYY, h:mm:ss a")}</h3>
+					<h3>{uploadDate}</h3>
 					<h3>
 						Uploader: <span className="font-bold">{uploader.username}</span> -{" "}
 						{formatBytes(size)}