From ea2b7af90467fdd2d4703cd822d3675030f87c25 Mon Sep 17 00:00:00 2001
From: Ibrahim Isa Jajere <ibrahimisajajere274@gmail.com>
Date: Tue, 27 Aug 2024 12:18:37 +0100
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20adapt=20modal=20to=20sheet=20on?=
 =?UTF-8?q?=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/src/modal/BaseModal.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/packages/ui/src/modal/BaseModal.tsx b/packages/ui/src/modal/BaseModal.tsx
index 94dc986f5..0284450a9 100644
--- a/packages/ui/src/modal/BaseModal.tsx
+++ b/packages/ui/src/modal/BaseModal.tsx
@@ -158,6 +158,25 @@ export const BaseModal = ({
           </Dialog.Close>
         </Dialog.Content>
       </Dialog.Portal>
+
+      <Adapt when="sm" platform="touch">
+        <Dialog.Sheet
+          snapPointsMode="fit"
+          animation="medium"
+          zIndex={200000}
+          modal
+          dismissOnSnapToBottom
+        >
+          <Dialog.Sheet.Frame padding="$4" gap="$4">
+            <Adapt.Contents />
+          </Dialog.Sheet.Frame>
+          <Dialog.Sheet.Overlay
+            animation="lazy"
+            enterStyle={{ opacity: 0 }}
+            exitStyle={{ opacity: 0 }}
+          />
+        </Dialog.Sheet>
+      </Adapt>
     </Dialog>
   );
 };

From 5cf07e26a870bc9e4aa428cbe9f0b328b79b43e3 Mon Sep 17 00:00:00 2001
From: Anmol Verma <anmolverma2810@gmail.com>
Date: Fri, 13 Sep 2024 00:17:47 +0530
Subject: [PATCH 2/2] give maxwidth to list

---
 packages/app/components/chat/index.tsx                  | 9 ++++++++-
 packages/app/modules/pack/screens/PackDetailsScreen.tsx | 8 ++++----
 packages/ui/src/modal/BaseModal.tsx                     | 4 ++--
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/app/components/chat/index.tsx b/packages/app/components/chat/index.tsx
index cccdf031e..5ce70ca4d 100644
--- a/packages/app/components/chat/index.tsx
+++ b/packages/app/components/chat/index.tsx
@@ -195,9 +195,16 @@ const SuggestionComponent = ({ itemTypeId = null, type = null }) => {
             Allow me to analyze your pack and help!
           </Text>
         ) : (
-          <View style={{ maxHeight: 450, width: '100%', borderRadius: 10 }}>
+          <View
+            style={{
+              maxHeight: 450,
+              width: '100%',
+              borderRadius: 10,
+            }}
+          >
             <SuggestionDescription data={suggestions.reasoning} />
             <SuggestionList
+              style={{ maxHeight: 100 }}
               suggestion={suggestions.suggestion}
               onAddItem={removeItem}
             />
diff --git a/packages/app/modules/pack/screens/PackDetailsScreen.tsx b/packages/app/modules/pack/screens/PackDetailsScreen.tsx
index e0e5def68..45088fbfa 100644
--- a/packages/app/modules/pack/screens/PackDetailsScreen.tsx
+++ b/packages/app/modules/pack/screens/PackDetailsScreen.tsx
@@ -13,13 +13,13 @@ import {
 import useResponsive from 'app/hooks/useResponsive';
 import { FlatList, View } from 'react-native';
 import ScoreContainer from '../../../components/ScoreContainer';
-// import ChatContainer from '../chat';
 import { TextLink } from '@packrat/crosspath';
 import { DetailsComponent } from '../../../components/details';
 import { ImportItemModal, AddItemModal } from 'app/modules/item';
 import { FeedPreview } from 'app/modules/feed';
 import LargeCard from 'app/components/card/LargeCard';
 import useTheme from 'app/hooks/useTheme';
+import ChatModalTrigger from 'app/components/chat';
 
 const SECTION = {
   TABLE: 'TABLE',
@@ -193,7 +193,7 @@ export function PackDetailsScreen() {
         </View>
       )}
       {/* Disable Chat */}
-      {/* <View
+      <View
         style={{
           position: 'absolute',
           right: -40,
@@ -202,13 +202,13 @@ export function PackDetailsScreen() {
           alignSelf: 'flex-end',
         }}
       >
-        <ChatContainer
+        <ChatModalTrigger
           itemTypeId={currentPackId}
           title="Chat"
           trigger="Open Chat"
           type="pack"
         />
-      </View> */}
+      </View>
     </Layout>
   );
 }
diff --git a/packages/ui/src/modal/BaseModal.tsx b/packages/ui/src/modal/BaseModal.tsx
index 0284450a9..c68aa9206 100644
--- a/packages/ui/src/modal/BaseModal.tsx
+++ b/packages/ui/src/modal/BaseModal.tsx
@@ -159,7 +159,7 @@ export const BaseModal = ({
         </Dialog.Content>
       </Dialog.Portal>
 
-      <Adapt when="sm" platform="touch">
+      {/* <Adapt when="sm" platform="touch">
         <Dialog.Sheet
           snapPointsMode="fit"
           animation="medium"
@@ -176,7 +176,7 @@ export const BaseModal = ({
             exitStyle={{ opacity: 0 }}
           />
         </Dialog.Sheet>
-      </Adapt>
+      </Adapt> */}
     </Dialog>
   );
 };