From 1edb8d9af9b0f48ea781b5ec8f2d6b74279adf6f Mon Sep 17 00:00:00 2001
From: Nassim Jahnke <jahnke.nassim@gmail.com>
Date: Mon, 20 Jun 2022 13:42:14 +0200
Subject: [PATCH] Show file size on version page

---
 .../[project]/versions/[version]/[platform]/index.vue    | 9 ++++++++-
 frontend/src/pages/[user]/[project]/versions/index.vue   | 1 -
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/[user]/[project]/versions/[version]/[platform]/index.vue b/frontend/src/pages/[user]/[project]/versions/[version]/[platform]/index.vue
index 833c0b3f8..e640d7c59 100644
--- a/frontend/src/pages/[user]/[project]/versions/[version]/[platform]/index.vue
+++ b/frontend/src/pages/[user]/[project]/versions/[version]/[platform]/index.vue
@@ -31,6 +31,7 @@ import DownloadButton from "~/components/projects/DownloadButton.vue";
 import PlatformLogo from "~/components/logos/PlatformLogo.vue";
 import TextAreaModal from "~/components/modals/TextAreaModal.vue";
 import DependencyEditModal from "~/components/modals/DependencyEditModal.vue";
+import filesize from "filesize";
 
 const route = useRoute();
 const i18n = useI18n();
@@ -151,7 +152,13 @@ async function restoreVersion() {
         <IconMdiCheckCircleOutline v-if="isReviewStateChecked" :title="approvalTooltip" class="text-2xl" />
       </h1>
       <h2>
-        {{ i18n.t("version.page.subheader", [projectVersion.author, lastUpdated(new Date(projectVersion.createdAt))]) }}
+        <span class="inline-flex">
+          {{ i18n.t("version.page.subheader", [projectVersion.author, lastUpdated(new Date(projectVersion.createdAt))]) }}
+          <span v-if="projectVersion.fileInfo.sizeBytes" class="inline-flex items-center ml-3">
+            <IconMdiFile class="mr-1" />
+            {{ filesize(projectVersion.fileInfo.sizeBytes) }}
+          </span>
+        </span>
       </h2>
     </div>
     <div class="mt-2 text-2xl ml-1 flex">
diff --git a/frontend/src/pages/[user]/[project]/versions/index.vue b/frontend/src/pages/[user]/[project]/versions/index.vue
index f5ec26269..80bff073f 100644
--- a/frontend/src/pages/[user]/[project]/versions/index.vue
+++ b/frontend/src/pages/[user]/[project]/versions/index.vue
@@ -16,7 +16,6 @@ import { handleRequestError } from "~/composables/useErrorHandling";
 import { useRoute } from "vue-router";
 import { useApi } from "~/composables/useApi";
 import { HangarProject } from "hangar-internal";
-import filesize from "filesize";
 import { useHead } from "@vueuse/head";
 import { useSeo } from "~/composables/useSeo";
 import { projectIconUrl } from "~/composables/useUrlHelper";