@hedia/recommendation-screen 2.1.34-alpha.6 → 2.1.34-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedia/recommendation-screen",
-  "version": "2.1.34-alpha.6",
+  "version": "2.1.34-alpha.8",
   "description": "Hedia Recommendation Screen for Bolus and Carbohydrates",
   "main": "index.js",
   "scripts": {

package/src/RecommendationScreen.d.ts

@@ -141,6 +141,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      * A reference to the screens scrollview allowing us to programmatically scroll the screen in the handleNoRecentInsulin() method.
      * The member is initiated without a value but will be set as soon as the component is being rendered.
      */
+    private scrollViewRef?;
     /**
      * A reference to the eventSubscription that'll be returned by AppState.addEventListener().
      * It'll allow us to later remove the subscription.

package/src/RecommendationScreen.js

@@ -197,7 +197,11 @@ export default class RecommendationScreen extends React.Component {
          *    so all relevant elements are visible on the screen and the scroll happens reliably.
          */
         this.handleNoRecentInsulin = () => {
-            this.setState({ isRecommendationDisplayed: true });
+            this.setState({ isRecommendationDisplayed: true }, () => {
+                setImmediate(() => {
+                    this.scrollViewRef?.scrollToEnd({ animated: false });
+                });
+            });
         };
         /**
          * Handle what happens when the user changes the content of the additional carbohydrates input field.
@@ -435,7 +439,7 @@ export default class RecommendationScreen extends React.Component {
         return (<I18nProvider language={this.props.language} i18n={i18n}>
 				<ScrollView testID={RecommendationScreenTestIds.RecommendationScrollView} style={containerStyles.container} ref={(view) => {
             if (view !== null) {
-                // this.scrollViewRef = view;
+                this.scrollViewRef = view;
             }
         }}>
 					<Header exitCallback={this.onExit}/>
@@ -456,7 +460,7 @@ export default class RecommendationScreen extends React.Component {
 					</View>
 					{this.props.calculatorParams.activity && this.props.activityDisplayProps ? (<Activity activity={this.props.calculatorParams.activity} activityType={this.props.activityDisplayProps.activityType} activityTitle={this.props.activityDisplayProps.activityTitle} activityReduction={this.state.activityReduction}/>) : null}
 					<Remeasure onSliderChange={this.updateRemeasureTime} remeasureTime={this.state.remeasureTime}/>
-					{!this.state.isRecommendationDisplayed ? (<RecentInsulin onRecentInsulinYes={this.props.onRecentInsulinYes} onRecentInsulinNo={this.handleNoRecentInsulin}/>) : (<RecommendedInsulin injectionMethod={this.props.injectionMethod} insulinRecommendation={insulinRecommendation} enteredInsulin={enteredInsulin} activityReduction={activityReduction} updateRecommendedInsulin={this.updateInsulinRecommendation}/>)}
+					{!isRecommendationDisplayed ? (<RecentInsulin onRecentInsulinYes={this.props.onRecentInsulinYes} onRecentInsulinNo={this.handleNoRecentInsulin}/>) : (<RecommendedInsulin injectionMethod={this.props.injectionMethod} insulinRecommendation={insulinRecommendation} enteredInsulin={enteredInsulin} activityReduction={activityReduction} updateRecommendedInsulin={this.updateInsulinRecommendation}/>)}
 					<Emotion moodSelected={this.handleMoodSelected} currentMood={this.state.selectedMood}/>
 					<TransferToLogbook visible={isRecommendationDisplayed} transfer={this.handleTransfer}/>
 					<RecommendationModal isVisible={recommendationModal} suggestedCarbohydrates={carbRecommendationProp} attentionMessage={this.getBGLevelAttentionMessage()} limitationMessage={this.getLimitationAttentionMessage()} onClickOkButton={this.hideAttentionModal} onAcceptCarbohydrates={this.acceptCarbRecommendation} onDeclineCarbohydrates={this.declineCarbRecommendation}/>