diff --git a/changelogs/unreleased/80721.json b/changelogs/unreleased/80721.json new file mode 100644 index 0000000000..794bfe7e2a --- /dev/null +++ b/changelogs/unreleased/80721.json @@ -0,0 +1,5 @@ +{ + "title": "Details screens: manage scroll style for small screens", + "type": "fix", + "packages": "crm" +} diff --git a/packages/apps/crm/src/screens/client/ClientDetailsScreen.js b/packages/apps/crm/src/screens/client/ClientDetailsScreen.js index 9c850a2e60..7c629e7381 100644 --- a/packages/apps/crm/src/screens/client/ClientDetailsScreen.js +++ b/packages/apps/crm/src/screens/client/ClientDetailsScreen.js @@ -17,6 +17,7 @@ */ import React, {useCallback, useEffect} from 'react'; +import {StyleSheet} from 'react-native'; import { Screen, HeaderContainer, @@ -61,7 +62,9 @@ const ClientDetailsScreen = ({route}) => { return ( } /> - + @@ -70,4 +73,10 @@ const ClientDetailsScreen = ({route}) => { ); }; +const styles = StyleSheet.create({ + scrollView: { + height: null, + }, +}); + export default ClientDetailsScreen; diff --git a/packages/apps/crm/src/screens/contact/ContactDetailsScreen.js b/packages/apps/crm/src/screens/contact/ContactDetailsScreen.js index 77a79829f5..d58322b2cc 100644 --- a/packages/apps/crm/src/screens/contact/ContactDetailsScreen.js +++ b/packages/apps/crm/src/screens/contact/ContactDetailsScreen.js @@ -17,6 +17,7 @@ */ import React, {useCallback, useEffect} from 'react'; +import {StyleSheet} from 'react-native'; import { Screen, HeaderContainer, @@ -65,7 +66,9 @@ const ContactDetailsScreen = ({route}) => { expandableFilter={false} fixedItems={} /> - + @@ -75,4 +78,10 @@ const ContactDetailsScreen = ({route}) => { ); }; +const styles = StyleSheet.create({ + scrollView: { + height: null, + }, +}); + export default ContactDetailsScreen; diff --git a/packages/apps/crm/src/screens/lead/LeadDetailsScreen.js b/packages/apps/crm/src/screens/lead/LeadDetailsScreen.js index 859df8e4e0..69231a88cf 100644 --- a/packages/apps/crm/src/screens/lead/LeadDetailsScreen.js +++ b/packages/apps/crm/src/screens/lead/LeadDetailsScreen.js @@ -17,6 +17,7 @@ */ import React, {useCallback, useEffect} from 'react'; +import {StyleSheet} from 'react-native'; import { Screen, HeaderContainer, @@ -60,7 +61,9 @@ const LeadDetailsScreen = ({route}) => { expandableFilter={false} fixedItems={} /> - + @@ -69,4 +72,10 @@ const LeadDetailsScreen = ({route}) => { ); }; +const styles = StyleSheet.create({ + scrollView: { + height: null, + }, +}); + export default LeadDetailsScreen; diff --git a/packages/apps/crm/src/screens/opportunity/OpportunityDetailsScreen.js b/packages/apps/crm/src/screens/opportunity/OpportunityDetailsScreen.js index 0735a3a8a0..89041d7675 100644 --- a/packages/apps/crm/src/screens/opportunity/OpportunityDetailsScreen.js +++ b/packages/apps/crm/src/screens/opportunity/OpportunityDetailsScreen.js @@ -17,6 +17,7 @@ */ import React, {useCallback, useEffect} from 'react'; +import {StyleSheet} from 'react-native'; import { Screen, HeaderContainer, @@ -65,7 +66,8 @@ const OpportunityDetailsScreen = ({route}) => { fixedItems={} /> + refresh={{loading: loadingOpportunity, fetcher: getOpportunityAPI}} + style={styles.scrollView}> { ); }; +const styles = StyleSheet.create({ + scrollView: { + height: null, + }, +}); + export default OpportunityDetailsScreen; diff --git a/packages/apps/crm/src/screens/prospect/ProspectDetailsScreen.js b/packages/apps/crm/src/screens/prospect/ProspectDetailsScreen.js index c6fe164943..c57bf37c2d 100644 --- a/packages/apps/crm/src/screens/prospect/ProspectDetailsScreen.js +++ b/packages/apps/crm/src/screens/prospect/ProspectDetailsScreen.js @@ -17,6 +17,8 @@ */ import React, {useCallback, useEffect} from 'react'; +import {StyleSheet} from 'react-native'; + import { Screen, HeaderContainer, @@ -64,7 +66,9 @@ const ProspectDetailsScreen = ({route}) => { expandableFilter={false} fixedItems={} /> - + @@ -73,4 +77,10 @@ const ProspectDetailsScreen = ({route}) => { ); }; +const styles = StyleSheet.create({ + scrollView: { + height: null, + }, +}); + export default ProspectDetailsScreen;