From 46989b53700e0e97231e2a938a54478c6d75cfbe Mon Sep 17 00:00:00 2001
From: Kloon ImKloon <kloon15@gmail.com>
Date: Thu, 19 Oct 2023 10:50:11 +0200
Subject: [PATCH] Display filesize as base 2 (KiB instead of KB)

---
 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";