give maxwidth to list

andrew-bierman · Sep 12, 2024 · 5cf07e2 · 5cf07e2
1 parent 0ee58a5
commit 5cf07e2
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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>
   );
 };