Fixes table sort for file size (#86)

* Fixed algorithm to de-humanize size string to bytes

* Resolved linting issues

src/components/torrent/TorrentSearchResults.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, inject, defineProps } from "vue";
+  import { ref, watch, inject, defineProps } from "vue";
   import { useStore } from "vuex";
   import Loader from "@/components/ui/Loader.vue";
   import TorrentTable from "@/components/torrent/TorrentTable.vue";
@@ -96,6 +96,8 @@
       });
   }
 
+  watch(props, newValue => newValue?.query?.length && fetchTorrents());
+
   fetchTorrents();
 </script>
 

src/components/torrent/TorrentTable.vue

@@ -131,12 +131,12 @@
   function sortSize() {
     const torrentsCopy = [...torrents.value];
     if (direction.value) {
-      torrents.value = torrentsCopy.sort(
+      torrents.value = torrentsCopy.sort((a, b) =>
-        (a, b) => sortableSize(a.size) - sortableSize(b.size)
+        sortableSize(a.size) > sortableSize(b.size) ? 1 : -1
       );
     } else {
-      torrents.value = torrentsCopy.sort(
+      torrents.value = torrentsCopy.sort((a, b) =>
-        (a, b) => sortableSize(b.size) - sortableSize(a.size)
+        sortableSize(a.size) < sortableSize(b.size) ? 1 : -1
       );
     }
   }

src/utils.ts

@@ -1,11 +1,11 @@
 export const sortableSize = (string: string): number => {
-  const UNITS = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const UNITS = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
   const [numStr, unit] = string.split(" ");
 
   if (UNITS.indexOf(unit) === -1) return null;
 
-  const exponent = UNITS.indexOf(unit) * 3;
+  const exponent = UNITS.indexOf(unit) * 3 + 4;
-  return Number(numStr) * exponent ** 10;
+  return Math.floor(Number(numStr) * 10 ** exponent);
 };
 
 export const parseJwt = (token: string) => {