From 78642a36d06c897417b49de5da6948c0fc61e8b6 Mon Sep 17 00:00:00 2001
From: Zlendy <argutierrezg11@gmail.com>
Date: Thu, 9 Mar 2023 19:11:38 +0100
Subject: [PATCH] Fix: immich API now returns bytes for storage

---
 src/widgets/immich/component.jsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/widgets/immich/component.jsx b/src/widgets/immich/component.jsx
index 310ce0b2..b90bda8d 100644
--- a/src/widgets/immich/component.jsx
+++ b/src/widgets/immich/component.jsx
@@ -1,8 +1,11 @@
+import { useTranslation } from "next-i18next";
+
 import Container from "components/services/widget/container";
 import Block from "components/services/widget/block";
 import useWidgetAPI from "utils/proxy/use-widget-api";
 
 export default function Component({ service }) {
+  const { t } = useTranslation();
   const { widget } = service;
 
   const { data: immichData, error: immichError } = useWidgetAPI(widget);
@@ -27,7 +30,17 @@ export default function Component({ service }) {
       <Block label="immich.users" value={immichData.usageByUser.length} />
       <Block label="immich.photos" value={immichData.photos} />
       <Block label="immich.videos" value={immichData.videos} />
-      <Block label="immich.storage" value={immichData.usage} />
+      <Block label="immich.storage"
+        value={
+          // backwards-compatible e.g. '9 GiB'
+          immichData.usage.toString().toLowerCase().includes('b') ? 
+          immichData.usage : 
+          t("common.bytes", {
+            value: immichData.usage,
+            maximumFractionDigits: 1,
+            binary: true // match immich
+          })
+        } />
     </Container>
   );
 }