From dee3b4155aff7abf619aa5f6aa271d95d919cb01 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Tue, 30 Aug 2022 23:28:19 -0700
Subject: [PATCH] using small size for popout images

---
 net/container/transform/transform_ilg.sh                      | 3 +++
 net/web/src/context/useUploadContext.hook.js                  | 4 ++--
 .../src/session/channels/channelItem/ChannelItem.styled.js    | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100755 net/container/transform/transform_ilg.sh

diff --git a/net/container/transform/transform_ilg.sh b/net/container/transform/transform_ilg.sh
new file mode 100755
index 00000000..4cddb5b5
--- /dev/null
+++ b/net/container/transform/transform_ilg.sh
@@ -0,0 +1,3 @@
+#!/bin/bash
+convert -strip $1 -auto-orient -resize '1024x1024>' $2
+
diff --git a/net/web/src/context/useUploadContext.hook.js b/net/web/src/context/useUploadContext.hook.js
index 18ab0974..3f38d671 100644
--- a/net/web/src/context/useUploadContext.hook.js
+++ b/net/web/src/context/useUploadContext.hook.js
@@ -137,7 +137,7 @@ async function upload(entry, update, complete) {
       if (file.image) {
         const formData = new FormData();
         formData.append('asset', file.image);
-        let transform = encodeURIComponent(JSON.stringify(["ithumb;photo", "icopy;photo"]));
+        let transform = encodeURIComponent(JSON.stringify(["ithumb;photo", "ilg;photo"]));
         let asset = await axios.post(`${entry.url}&transforms=${transform}`, formData, {
           signal: entry.cancel.signal,
           onUploadProgress: (ev) => {
@@ -149,7 +149,7 @@ async function upload(entry, update, complete) {
         entry.assets.push({
           image: {
             thumb: asset.data.find(item => item.transform === 'ithumb;photo').assetId,
-            full: asset.data.find(item => item.transform === 'icopy;photo').assetId, 
+            full: asset.data.find(item => item.transform === 'ilg;photo').assetId, 
           }
         });
       }
diff --git a/net/web/src/session/channels/channelItem/ChannelItem.styled.js b/net/web/src/session/channels/channelItem/ChannelItem.styled.js
index 46aafa06..178a4a48 100644
--- a/net/web/src/session/channels/channelItem/ChannelItem.styled.js
+++ b/net/web/src/session/channels/channelItem/ChannelItem.styled.js
@@ -9,6 +9,7 @@ export const ChannelItemWrapper = styled.div`
   border-bottom: 1px solid ${Colors.itemDivider};
   line-height: 16px;
   cursor: pointer;
+  overflow: hidden;
 
   &:hover {
     background-color: ${Colors.formHover};