From cdcd9a313aa50c2e6806a182b6838462d42dcafe Mon Sep 17 00:00:00 2001
From: kloon15 <kloon15@users.noreply.github.com>
Date: Thu, 2 Nov 2023 08:47:55 +0100
Subject: [PATCH] fix: display file size as base 2 (KiB instead of KB) (#2779)

---
 frontend/src/components/files/ListingItem.vue | 2 +-
 frontend/src/components/prompts/Info.vue      | 4 ++--
 frontend/src/utils/index.js                   | 6 ++++++
 frontend/src/views/Share.vue                  | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/utils/index.js

diff --git a/frontend/src/components/files/ListingItem.vue b/frontend/src/components/files/ListingItem.vue
index 677d30e9..71813bcf 100644
--- a/frontend/src/components/files/ListingItem.vue
+++ b/frontend/src/components/files/ListingItem.vue
@@ -37,7 +37,7 @@
 <script>
 import { enableThumbs } from "@/utils/constants";
 import { mapMutations, mapGetters, mapState } from "vuex";
-import { filesize } from "filesize";
+import { filesize } from "@/utils";
 import moment from "moment";
 import { files as api } from "@/api";
 import * as upload from "@/utils/upload";
diff --git a/frontend/src/components/prompts/Info.vue b/frontend/src/components/prompts/Info.vue
index 1372a8c3..78227821 100644
--- a/frontend/src/components/prompts/Info.vue
+++ b/frontend/src/components/prompts/Info.vue
@@ -81,7 +81,7 @@
 
 <script>
 import { mapState, mapGetters } from "vuex";
-import { filesize } from "filesize";
+import { filesize } from "@/utils";
 import moment from "moment";
 import { files as api } from "@/api";
 
@@ -142,7 +142,7 @@ export default {
       try {
         const hash = await api.checksum(link, algo);
         // eslint-disable-next-line
-        event.target.innerHTML = hash
+        event.target.innerHTML = hash;
       } catch (e) {
         this.$showError(e);
       }
diff --git a/frontend/src/utils/index.js b/frontend/src/utils/index.js
new file mode 100644
index 00000000..d7f0bd9b
--- /dev/null
+++ b/frontend/src/utils/index.js
@@ -0,0 +1,6 @@
+import { partial } from "filesize";
+
+/**
+ * Formats filesize as KiB/MiB/...
+ */
+export const filesize = partial({ base: 2 });
diff --git a/frontend/src/views/Share.vue b/frontend/src/views/Share.vue
index 096c4a5c..1ecc941a 100644
--- a/frontend/src/views/Share.vue
+++ b/frontend/src/views/Share.vue
@@ -182,7 +182,7 @@
 <script>
 import { mapState, mapMutations, mapGetters } from "vuex";
 import { pub as api } from "@/api";
-import { filesize } from "filesize";
+import { filesize } from "@/utils";
 import moment from "moment";
 
 import HeaderBar from "@/components/header/HeaderBar.vue";