From 53d827a12e3e5bc03071fd0d92f309406bacb602 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Thu, 4 May 2023 13:29:36 -0700
Subject: [PATCH] fix for blurry android, but init to proper res

---
 .../topicItem/imageAsset/useImageAsset.hook.js  | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js b/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js
index 397f0f31..f4fed8b9 100644
--- a/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js
+++ b/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js
@@ -9,8 +9,8 @@ export function useImageAsset(asset) {
     frameWidth: 1,
     frameHeight: 1,
     imageRatio: 1,
-    imageWidth: 1,
-    imageHeight: 1,
+    imageWidth: 1024,
+    imageHeight: 1024,
     url: null,
     loaded: false,
     failed: false,
@@ -30,14 +30,15 @@ export function useImageAsset(asset) {
       const frameRatio = state.frameWidth / state.frameHeight;
       if (frameRatio > state.imageRatio) {
         //height constrained
-        const height = 0.9 * state.frameHeight;
-        const width = height * state.imageRatio;
+        const height = Math.floor(0.9 * state.frameHeight);
+        const width = Math.floor(height * state.imageRatio);
+
         updateState({ imageWidth: width, imageHeight: height }); 
       }
       else {
         //width constrained
-        const width = 0.9 * state.frameWidth;
-        const height = width / state.imageRatio;
+        const width = Math.floor(0.9 * state.frameWidth);
+        const height = Math.floor(width / state.imageRatio);
         updateState({ imageWidth: width, imageHeight: height });
       }
     }
@@ -45,7 +46,9 @@ export function useImageAsset(asset) {
   }, [state.frameWidth, state.frameHeight, state.imageRatio, state.loaded]);
 
   useEffect(() => {
-    updateState({ frameWidth: dimensions.width, frameHeight: dimensions.height });
+    imageWidth = dimensions.width * 0.9 > state.imageWidth ? state.imageWidth : dimensions.width * 0.9;
+    imageHeight = dimensions.height * 0.9 > state.imageHeight ? state.imageHeight : dimensions.height * 0.9;
+    updateState({ frameWidth: dimensions.width, frameHeight: dimensions.height, imageWidth, imageHeight });
   }, [dimensions]);
 
   useEffect(() => {