@hedia/recommendation-screen 2.2.0-alpha.35 → 2.2.0-alpha.37

package/dist/src/components/ForecastInfoBar.d.ts

@@ -17,7 +17,7 @@ export interface IProps {
     };
 }
 /** A standard panel to display some data that the user entered. */
-declare const ForecastInfoBar: (props: IProps) => JSX.Element;
+declare const ForecastInfoBar: (props: IProps) => JSX.Element | null;
 /** @internal */
 export declare const infoStyles: {
     container: {

package/dist/src/components/ForecastInfoBar.js

@@ -10,13 +10,30 @@ import TextRegular from "./text/TextRegular";
 /** A standard panel to display some data that the user entered. */
 const ForecastInfoBar = (props) => {
     const { testID, label, unit, cgm, forecast } = props;
+    if (!cgm) {
+        return null;
+    }
+    if (!forecast) {
+        return null;
+    }
     /**
-     * Determine the unit string to be displayed in the infobar.
+     * Determine the unit string to be displayed in the forecast infobar.
      *
-     * @returns The string to display as the unit in the infobar
+     * @returns The string to display as the unit in the forecast infobar
      */
-    // tslint:disable-next-line: no-shadowed-variable
-    const displayUnit = (unit) => Utils.formatUnit(unit);
+    const displayUnit = () => Utils.formatUnit(unit);
+    /**
+     * Determine the forecast value string to be displayed in the infobar.
+     *
+     * @returns The string to display as the forecast value in the forecast infobar
+     */
+    const displayForecastValue = () => Utils.displayedBGLValue(forecast.forecastGlucoseMmoll, unit);
+    /**
+     * Determine the cgm value string to be displayed in the infobar.
+     *
+     * @returns The string to display as the cgm value in the forecast infobar
+     */
+    const displayCGMValue = () => Utils.displayedBGLValue(cgm.latestCGMReadingMmoll, unit);
     const { border, container, forecastDot, forecastSubtitle, forecastText, forecastTime, gradient, labelContainer, row, unitContainer, units, value, valueContainer, valueUnitContainer, } = infoStyles;
     /**
      * @returns JSX element to display a card with the entered value.
@@ -31,12 +48,12 @@ const ForecastInfoBar = (props) => {
 						<View style={valueUnitContainer}>
 							<View style={valueContainer}>
 								<TextBold style={value} testID={testID?.valueID}>
-									{forecast?.forecastGlucoseMmoll}
+									{displayForecastValue()}
 								</TextBold>
 							</View>
 							<View style={unitContainer}>
 								<TextRegular style={units} testID={testID?.unitID}>
-									{displayUnit(unit)}
+									{displayUnit()}
 								</TextRegular>
 							</View>
 						</View>
@@ -52,7 +69,7 @@ const ForecastInfoBar = (props) => {
 
 					<View style={row}>
 						<TextRegular style={infoStyles.currentCGM}>
-							{i18n._(t `Current glucose: ${cgm?.latestCGMReadingMmoll} ${displayUnit(unit)}`)}
+							{i18n._(t `Current glucose: ${displayCGMValue()} ${displayUnit()}`)}
 						</TextRegular>
 					</View>
 				</View>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedia/recommendation-screen",
-  "version": "2.2.0-alpha.35",
+  "version": "2.2.0-alpha.37",
   "description": "Hedia Recommendation Screen for Bolus and Carbohydrates",
   "main": "dist/index.js",
   "files": [