From e3d190a5c3b51e4856cee426d78dfd31ce1f0132 Mon Sep 17 00:00:00 2001
From: Grigorios Mallios <gregmallios@gmail.com>
Date: Tue, 7 May 2024 17:10:48 +0300
Subject: [PATCH] fix: use the correct model for product image

---
 manager-ui/package.json                                   | 2 +-
 .../src/components/DeviceStateCard/deviceStateCard.tsx    | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/manager-ui/package.json b/manager-ui/package.json
index a755c9f..f1ef524 100644
--- a/manager-ui/package.json
+++ b/manager-ui/package.json
@@ -6,7 +6,7 @@
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
     "lint:fix-types": "eslint --fix ./src/types/*",
-    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc",
+    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ../.prettierrc",
     "dev": "vite",
     "dev:force": "vite --force",
     "build": "tsc && vite build",
diff --git a/manager-ui/src/components/DeviceStateCard/deviceStateCard.tsx b/manager-ui/src/components/DeviceStateCard/deviceStateCard.tsx
index d7bd3ff..f561451 100644
--- a/manager-ui/src/components/DeviceStateCard/deviceStateCard.tsx
+++ b/manager-ui/src/components/DeviceStateCard/deviceStateCard.tsx
@@ -12,8 +12,12 @@ export const DeviceStateCard: React.FC = () => {
       <Box sx={{ display: 'block', maxWidth: '300px', margin: 'auto', mb: 0 }}>
         <Paper
           sx={{ display: 'flex', margin: 1.5, justifyContent: 'center', alignItems: 'center' }}
-          elevation={0}>
-          <ProductImageWithBattery model={'A3947'} battery={currentState?.battery} />
+          elevation={0}
+        >
+          <ProductImageWithBattery
+            model={currentState?.serial?.model}
+            battery={currentState?.battery}
+          />
         </Paper>
       </Box>
     </>