@hedia/recommendation-screen 1.1.2 → 1.2.1

package/src/components/{HediaRecommendationModal.jsx → RecommendationModal.jsx}

@@ -22,12 +22,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.stylesModal = void 0;
 const macro_1 = require("@lingui/macro");
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_native_modal_1 = __importDefault(require("react-native-modal"));
 const i18nUtils_1 = require("../locale/i18nUtils");
-class HediaRecommendationModal extends React.Component {
+const Constants_1 = require("../utils/Constants");
+class RecommendationModal extends React.Component {
     constructor(props) {
         super(props);
         this.onPressNextButton = () => {
@@ -36,67 +38,69 @@ class HediaRecommendationModal extends React.Component {
             return isPageVisible ? this.setState({ firstPageVisible: false }) : this.props.onClickOkButton();
         };
         this.recommendationButtons = () => {
-            return (<react_native_1.View style={styles.recommendationButtonsContainer}>
-				<react_native_1.TouchableOpacity accessibilityLabel="yesButtonModal" style={styles.affirmativeCarbsButton} onPress={this.props.onAcceptCarbohydrates}>
-					<react_native_1.Text style={styles.affirmativeCarbsText}>{i18nUtils_1.i18n._(macro_1.t `OK`)}</react_native_1.Text>
+            return (<react_native_1.View style={exports.stylesModal.recommendationButtonsContainer}>
+				<react_native_1.TouchableOpacity accessibilityLabel="yesButtonModal" style={exports.stylesModal.affirmativeCarbsButton} onPress={this.props.onAcceptCarbohydrates}>
+					<react_native_1.Text style={exports.stylesModal.affirmativeCarbsText}>{i18nUtils_1.i18n._(macro_1.t `OK`)}</react_native_1.Text>
 				</react_native_1.TouchableOpacity>
-				<react_native_1.TouchableOpacity accessibilityLabel="noButtonModal" style={styles.negativeCarbsButton} onPress={this.props.onDeclineCarbohydrates}>
-					<react_native_1.Text style={styles.negativeCarbsText}>{i18nUtils_1.i18n._(macro_1.t `NO`)}</react_native_1.Text>
+				<react_native_1.TouchableOpacity accessibilityLabel="noButtonModal" style={exports.stylesModal.negativeCarbsButton} onPress={this.props.onDeclineCarbohydrates}>
+					<react_native_1.Text style={exports.stylesModal.negativeCarbsText}>{i18nUtils_1.i18n._(macro_1.t `NO`)}</react_native_1.Text>
 				</react_native_1.TouchableOpacity>
 			</react_native_1.View>);
         };
         this.recommendCarbohydrates = () => {
             const { suggestedCarbohydrates } = this.props;
-            return (<react_native_1.View style={styles.flex1}>
-				<react_native_1.View style={styles.innerView}>
-					<react_native_1.View style={styles.recommendationRow}>
-						<react_native_1.Text style={styles.recommendEatingText}>{i18nUtils_1.i18n._(macro_1.t `We recommend eating an additional:`)}</react_native_1.Text>
+            return (<react_native_1.View style={exports.stylesModal.flex1}>
+				<react_native_1.View style={exports.stylesModal.innerView}>
+					<react_native_1.View style={exports.stylesModal.recommendationRow}>
+						<react_native_1.Text style={exports.stylesModal.recommendEatingText}>
+							{i18nUtils_1.i18n._(macro_1.t `We recommend eating an additional:`)}
+						</react_native_1.Text>
 					</react_native_1.View>
-					<react_native_1.View style={styles.center}>
-						<react_native_1.View style={styles.suggestedView}>
-							<react_native_1.Text style={styles.suggestedCarbs}>{`${Math.ceil(suggestedCarbohydrates)} `}</react_native_1.Text>
-							<react_native_1.Text style={styles.carbohydrateText}>{i18nUtils_1.i18n._(macro_1.t `grams of carbohydrates`)}</react_native_1.Text>
+					<react_native_1.View style={exports.stylesModal.center}>
+						<react_native_1.View style={exports.stylesModal.suggestedView}>
+							<react_native_1.Text style={exports.stylesModal.suggestedCarbs}>{`${Math.round(suggestedCarbohydrates)} `}</react_native_1.Text>
+							<react_native_1.Text style={exports.stylesModal.carbohydrateText}>{i18nUtils_1.i18n._(macro_1.t `grams of carbohydrates`)}</react_native_1.Text>
 						</react_native_1.View>
 					</react_native_1.View>
-					<react_native_1.View style={styles.recommendationRow}>
-						<react_native_1.Text style={styles.recommendEatingText}>{i18nUtils_1.i18n._(macro_1.t `Instead of taking insulin`)}</react_native_1.Text>
+					<react_native_1.View style={exports.stylesModal.recommendationRow}>
+						<react_native_1.Text style={exports.stylesModal.recommendEatingText}>{i18nUtils_1.i18n._(macro_1.t `Instead of taking insulin`)}</react_native_1.Text>
 					</react_native_1.View>
 				</react_native_1.View>
-				<react_native_1.View style={styles.addToCalculationContainer}>
-					<react_native_1.View style={styles.center}>
-						<react_native_1.Text style={styles.addToCalculation}>
+				<react_native_1.View style={exports.stylesModal.addToCalculationContainer}>
+					<react_native_1.View style={exports.stylesModal.center}>
+						<react_native_1.Text style={exports.stylesModal.addToCalculation}>
 							{i18nUtils_1.i18n._(macro_1.t `Would you like to add this to your current calculation?`)}
 						</react_native_1.Text>
 					</react_native_1.View>
-					<react_native_1.View style={{ ...styles.flexStart, flex: 2 }}>{this.recommendationButtons()}</react_native_1.View>
+					<react_native_1.View style={{ ...exports.stylesModal.flexStart, flex: 2 }}>{this.recommendationButtons()}</react_native_1.View>
 				</react_native_1.View>
 			</react_native_1.View>);
         };
         this.secondPage = () => {
             const { attentionMessage, suggestedCarbohydrates } = this.props;
             const areCarbs = suggestedCarbohydrates && suggestedCarbohydrates > 0;
-            return (<react_native_1.View style={styles.container}>
-				<react_native_1.View style={areCarbs ? styles.textContainerIfCarbs : styles.textContainer}>
-					<react_native_1.View style={styles.marginVertical}>
-						<react_native_1.Text style={styles.textTittleMessage}>{i18nUtils_1.i18n._(macro_1.t `Attention`)}</react_native_1.Text>
+            return (<react_native_1.View style={exports.stylesModal.container}>
+				<react_native_1.View style={areCarbs ? exports.stylesModal.textContainerIfCarbs : exports.stylesModal.textContainer}>
+					<react_native_1.View style={exports.stylesModal.marginVertical}>
+						<react_native_1.Text style={exports.stylesModal.textTittleMessage}>{i18nUtils_1.i18n._(macro_1.t `Attention`)}</react_native_1.Text>
 					</react_native_1.View>
-					<react_native_1.Text style={styles.textMessage}>{attentionMessage}</react_native_1.Text>
+					<react_native_1.Text style={exports.stylesModal.textMessage}>{attentionMessage}</react_native_1.Text>
 				</react_native_1.View>
-				<react_native_1.View style={areCarbs ? styles.recommendationContainer : styles.flexStart}>
+				<react_native_1.View style={areCarbs ? exports.stylesModal.recommendationContainer : exports.stylesModal.flexStart}>
 					{areCarbs ? this.recommendCarbohydrates() : this.okayButton()}
 				</react_native_1.View>
 			</react_native_1.View>);
         };
         this.firstPage = () => {
             const { limitationMessage } = this.props;
-            return (<react_native_1.View style={styles.container}>
-				<react_native_1.View style={styles.textContainer}>
-					<react_native_1.View style={styles.marginVertical}>
-						<react_native_1.Text style={styles.textTittleMessage}>{i18nUtils_1.i18n._(macro_1.t `Attention`)}</react_native_1.Text>
+            return (<react_native_1.View style={exports.stylesModal.container}>
+				<react_native_1.View style={exports.stylesModal.textContainer}>
+					<react_native_1.View style={exports.stylesModal.marginVertical}>
+						<react_native_1.Text style={exports.stylesModal.textTittleMessage}>{i18nUtils_1.i18n._(macro_1.t `Attention`)}</react_native_1.Text>
 					</react_native_1.View>
-					<react_native_1.Text style={styles.textMessage}>{limitationMessage}</react_native_1.Text>
+					<react_native_1.Text style={exports.stylesModal.textMessage}>{limitationMessage}</react_native_1.Text>
 				</react_native_1.View>
-				<react_native_1.View style={styles.flexStart}>{this.nextButton()}</react_native_1.View>
+				<react_native_1.View style={exports.stylesModal.flexStart}>{this.nextButton()}</react_native_1.View>
 			</react_native_1.View>);
         };
         this.state = {
@@ -104,40 +108,39 @@ class HediaRecommendationModal extends React.Component {
         };
     }
     okayButton() {
-        return (<react_native_1.View style={styles.okayButtonContainer}>
-				<react_native_1.TouchableOpacity accessibilityLabel="okayButtonModal" style={styles.okButton} onPress={this.props.onClickOkButton}>
-					<react_native_1.Text style={styles.buttonText}>{i18nUtils_1.i18n._(macro_1.t `OK`)}</react_native_1.Text>
+        return (<react_native_1.View style={exports.stylesModal.okayButtonContainer}>
+				<react_native_1.TouchableOpacity accessibilityLabel="okayButtonModal" style={exports.stylesModal.okButton} onPress={this.props.onClickOkButton}>
+					<react_native_1.Text style={exports.stylesModal.buttonText}>{i18nUtils_1.i18n._(macro_1.t `OK`)}</react_native_1.Text>
 				</react_native_1.TouchableOpacity>
 			</react_native_1.View>);
     }
     nextButton() {
-        return (<react_native_1.View style={styles.okayButtonContainer}>
-				<react_native_1.TouchableOpacity accessibilityLabel="nextButtonModal" style={styles.okButton} onPress={this.onPressNextButton}>
-					<react_native_1.Text style={styles.buttonText}>{i18nUtils_1.i18n._(macro_1.t `OK`)}</react_native_1.Text>
+        return (<react_native_1.View style={exports.stylesModal.okayButtonContainer}>
+				<react_native_1.TouchableOpacity accessibilityLabel="nextButtonModal" style={exports.stylesModal.okButton} onPress={this.onPressNextButton}>
+					<react_native_1.Text style={exports.stylesModal.buttonText}>{i18nUtils_1.i18n._(macro_1.t `OK`)}</react_native_1.Text>
 				</react_native_1.TouchableOpacity>
 			</react_native_1.View>);
     }
     render() {
         const { isVisible } = this.props;
         const { firstPageVisible } = this.state;
-        return (<react_native_modal_1.default isVisible={isVisible} style={styles.modalStyle}>
+        return (<react_native_modal_1.default isVisible={isVisible} style={exports.stylesModal.modalStyle}>
 				{firstPageVisible ? this.firstPage() : this.secondPage()}
 			</react_native_modal_1.default>);
     }
 }
-exports.default = HediaRecommendationModal;
+exports.default = RecommendationModal;
 const { height, width } = react_native_1.Dimensions.get(`screen`);
 const buttonHeight = height / 20;
 const buttonWidth = width / 2.5;
 const buttonFontSize = height / 45;
 const buttonBorderRadius = height / 30;
 const buttonBorderWidth = height / 500;
-const tealColor = `rgba(73, 255, 252, 1)`;
 const sugestionFontSize = height / 35;
 const recommendEatingFontSize = height / 45;
 const textFontSize = height / 42;
 const titleFontSize = height / 30;
-const styles = react_native_1.StyleSheet.create({
+exports.stylesModal = react_native_1.StyleSheet.create({
     modalStyle: { margin: 0 },
     flex1: { flex: 1 },
     container: { flex: 1, backgroundColor: `rgba(30, 35, 87, 0.9)` },
@@ -150,7 +153,7 @@ const styles = react_native_1.StyleSheet.create({
     textContainerIfCarbs: { flex: 3, justifyContent: `flex-end`, marginHorizontal: `6%` },
     textTittleMessage: { color: `white`, fontSize: titleFontSize, textAlign: `center` },
     textMessage: { color: `white`, fontSize: textFontSize, textAlign: `center` },
-    buttonText: { color: tealColor, fontSize: buttonFontSize, textAlign: `center` },
+    buttonText: { color: Constants_1.BORDER_COLOUR_TEAL, fontSize: buttonFontSize, textAlign: `center` },
     okayButtonContainer: { justifyContent: `center`, alignSelf: `center`, flexDirection: `row`, marginTop: `2%` },
     recommendationContainer: { flex: 6, justifyContent: `flex-start`, marginHorizontal: `5%` },
     addToCalculationContainer: { flex: 2, justifyContent: `flex-start`, marginVertical: `10%` },
@@ -162,7 +165,7 @@ const styles = react_native_1.StyleSheet.create({
         marginVertical: `8%`,
         borderRadius: height / 80,
         borderWidth: height / 300,
-        borderColor: tealColor,
+        borderColor: Constants_1.BORDER_COLOUR_TEAL,
     },
     suggestedView: { flexDirection: `row`, justifyContent: `center` },
     suggestedCarbs: { color: `white`, fontSize: sugestionFontSize, fontWeight: `bold`, textAlign: `center` },
@@ -170,13 +173,13 @@ const styles = react_native_1.StyleSheet.create({
     carbohydrateText: { color: `white`, fontSize: sugestionFontSize, textAlign: `center` },
     addToCalculation: { color: `white`, fontSize: textFontSize, textAlign: `center` },
     recommendationButtonsContainer: { justifyContent: `center`, flexDirection: `row`, marginTop: `3%` },
-    affirmativeCarbsText: { color: tealColor, fontSize: buttonFontSize, textAlign: `center` },
+    affirmativeCarbsText: { color: Constants_1.BORDER_COLOUR_TEAL, fontSize: buttonFontSize, textAlign: `center` },
     negativeCarbsText: { color: `white`, fontSize: buttonFontSize, textAlign: `center` },
     affirmativeCarbsButton: {
         marginTop: `2%`,
         borderRadius: buttonBorderRadius,
         borderWidth: buttonBorderWidth,
-        borderColor: tealColor,
+        borderColor: Constants_1.BORDER_COLOUR_TEAL,
         width: buttonWidth,
         height: buttonHeight,
         alignSelf: `center`,
@@ -198,7 +201,7 @@ const styles = react_native_1.StyleSheet.create({
         marginTop: `6%`,
         borderRadius: buttonBorderRadius,
         borderWidth: buttonBorderWidth,
-        borderColor: tealColor,
+        borderColor: Constants_1.BORDER_COLOUR_TEAL,
         width: buttonWidth,
         height: buttonHeight,
         alignSelf: `center`,

package/src/components/{HediaRecommendationModal.tsx → RecommendationModal.tsx}

@@ -4,6 +4,7 @@ import { Dimensions, StyleSheet, Text, TouchableOpacity, View } from "react-nati
 import ReactNativeModal from "react-native-modal";
 import { i18n } from "../locale/i18nUtils";
 import { AttentionMessage } from "../utils/AttentionMessages";
+import { BORDER_COLOUR_TEAL } from "../utils/Constants";
 
 interface IModalProps {
 	isVisible: boolean;
@@ -17,7 +18,7 @@ interface IModalProps {
 interface IModalState {
 	firstPageVisible: boolean;
 }
-export default class HediaRecommendationModal extends React.Component<IModalProps, IModalState> {
+export default class RecommendationModal extends React.Component<IModalProps, IModalState> {
 	constructor(props: IModalProps) {
 		super(props);
 		this.state = {
@@ -26,26 +27,26 @@ export default class HediaRecommendationModal extends React.Component<IModalProp
 	}
 	public okayButton(): JSX.Element {
 		return (
-			<View style={styles.okayButtonContainer}>
+			<View style={stylesModal.okayButtonContainer}>
 				<TouchableOpacity
 					accessibilityLabel="okayButtonModal"
-					style={styles.okButton}
+					style={stylesModal.okButton}
 					onPress={this.props.onClickOkButton}
 				>
-					<Text style={styles.buttonText}>{i18n._(t`OK`)}</Text>
+					<Text style={stylesModal.buttonText}>{i18n._(t`OK`)}</Text>
 				</TouchableOpacity>
 			</View>
 		);
 	}
 	public nextButton(): JSX.Element {
 		return (
-			<View style={styles.okayButtonContainer}>
+			<View style={stylesModal.okayButtonContainer}>
 				<TouchableOpacity
 					accessibilityLabel="nextButtonModal"
-					style={styles.okButton}
+					style={stylesModal.okButton}
 					onPress={this.onPressNextButton}
 				>
-					<Text style={styles.buttonText}>{i18n._(t`OK`)}</Text>
+					<Text style={stylesModal.buttonText}>{i18n._(t`OK`)}</Text>
 				</TouchableOpacity>
 			</View>
 		);
@@ -57,20 +58,20 @@ export default class HediaRecommendationModal extends React.Component<IModalProp
 	};
 	public recommendationButtons = (): JSX.Element => {
 		return (
-			<View style={styles.recommendationButtonsContainer}>
+			<View style={stylesModal.recommendationButtonsContainer}>
 				<TouchableOpacity
 					accessibilityLabel="yesButtonModal"
-					style={styles.affirmativeCarbsButton}
+					style={stylesModal.affirmativeCarbsButton}
 					onPress={this.props.onAcceptCarbohydrates}
 				>
-					<Text style={styles.affirmativeCarbsText}>{i18n._(t`OK`)}</Text>
+					<Text style={stylesModal.affirmativeCarbsText}>{i18n._(t`OK`)}</Text>
 				</TouchableOpacity>
 				<TouchableOpacity
 					accessibilityLabel="noButtonModal"
-					style={styles.negativeCarbsButton}
+					style={stylesModal.negativeCarbsButton}
 					onPress={this.props.onDeclineCarbohydrates}
 				>
-					<Text style={styles.negativeCarbsText}>{i18n._(t`NO`)}</Text>
+					<Text style={stylesModal.negativeCarbsText}>{i18n._(t`NO`)}</Text>
 				</TouchableOpacity>
 			</View>
 		);
@@ -79,28 +80,30 @@ export default class HediaRecommendationModal extends React.Component<IModalProp
 	public recommendCarbohydrates = (): JSX.Element => {
 		const { suggestedCarbohydrates } = this.props;
 		return (
-			<View style={styles.flex1}>
-				<View style={styles.innerView}>
-					<View style={styles.recommendationRow}>
-						<Text style={styles.recommendEatingText}>{i18n._(t`We recommend eating an additional:`)}</Text>
+			<View style={stylesModal.flex1}>
+				<View style={stylesModal.innerView}>
+					<View style={stylesModal.recommendationRow}>
+						<Text style={stylesModal.recommendEatingText}>
+							{i18n._(t`We recommend eating an additional:`)}
+						</Text>
 					</View>
-					<View style={styles.center}>
-						<View style={styles.suggestedView}>
-							<Text style={styles.suggestedCarbs}>{`${Math.ceil(suggestedCarbohydrates)} `}</Text>
-							<Text style={styles.carbohydrateText}>{i18n._(t`grams of carbohydrates`)}</Text>
+					<View style={stylesModal.center}>
+						<View style={stylesModal.suggestedView}>
+							<Text style={stylesModal.suggestedCarbs}>{`${Math.round(suggestedCarbohydrates)} `}</Text>
+							<Text style={stylesModal.carbohydrateText}>{i18n._(t`grams of carbohydrates`)}</Text>
 						</View>
 					</View>
-					<View style={styles.recommendationRow}>
-						<Text style={styles.recommendEatingText}>{i18n._(t`Instead of taking insulin`)}</Text>
+					<View style={stylesModal.recommendationRow}>
+						<Text style={stylesModal.recommendEatingText}>{i18n._(t`Instead of taking insulin`)}</Text>
 					</View>
 				</View>
-				<View style={styles.addToCalculationContainer}>
-					<View style={styles.center}>
-						<Text style={styles.addToCalculation}>
+				<View style={stylesModal.addToCalculationContainer}>
+					<View style={stylesModal.center}>
+						<Text style={stylesModal.addToCalculation}>
 							{i18n._(t`Would you like to add this to your current calculation?`)}
 						</Text>
 					</View>
-					<View style={{ ...styles.flexStart, flex: 2 }}>{this.recommendationButtons()}</View>
+					<View style={{ ...stylesModal.flexStart, flex: 2 }}>{this.recommendationButtons()}</View>
 				</View>
 			</View>
 		);
@@ -110,14 +113,14 @@ export default class HediaRecommendationModal extends React.Component<IModalProp
 		const { attentionMessage, suggestedCarbohydrates } = this.props;
 		const areCarbs = suggestedCarbohydrates && suggestedCarbohydrates > 0;
 		return (
-			<View style={styles.container}>
-				<View style={areCarbs ? styles.textContainerIfCarbs : styles.textContainer}>
-					<View style={styles.marginVertical}>
-						<Text style={styles.textTittleMessage}>{i18n._(t`Attention`)}</Text>
+			<View style={stylesModal.container}>
+				<View style={areCarbs ? stylesModal.textContainerIfCarbs : stylesModal.textContainer}>
+					<View style={stylesModal.marginVertical}>
+						<Text style={stylesModal.textTittleMessage}>{i18n._(t`Attention`)}</Text>
 					</View>
-					<Text style={styles.textMessage}>{attentionMessage}</Text>
+					<Text style={stylesModal.textMessage}>{attentionMessage}</Text>
 				</View>
-				<View style={areCarbs ? styles.recommendationContainer : styles.flexStart}>
+				<View style={areCarbs ? stylesModal.recommendationContainer : stylesModal.flexStart}>
 					{areCarbs ? this.recommendCarbohydrates() : this.okayButton()}
 				</View>
 			</View>
@@ -126,14 +129,14 @@ export default class HediaRecommendationModal extends React.Component<IModalProp
 	public firstPage = (): JSX.Element => {
 		const { limitationMessage } = this.props;
 		return (
-			<View style={styles.container}>
-				<View style={styles.textContainer}>
-					<View style={styles.marginVertical}>
-						<Text style={styles.textTittleMessage}>{i18n._(t`Attention`)}</Text>
+			<View style={stylesModal.container}>
+				<View style={stylesModal.textContainer}>
+					<View style={stylesModal.marginVertical}>
+						<Text style={stylesModal.textTittleMessage}>{i18n._(t`Attention`)}</Text>
 					</View>
-					<Text style={styles.textMessage}>{limitationMessage}</Text>
+					<Text style={stylesModal.textMessage}>{limitationMessage}</Text>
 				</View>
-				<View style={styles.flexStart}>{this.nextButton()}</View>
+				<View style={stylesModal.flexStart}>{this.nextButton()}</View>
 			</View>
 		);
 	};
@@ -142,7 +145,7 @@ export default class HediaRecommendationModal extends React.Component<IModalProp
 		const { isVisible } = this.props;
 		const { firstPageVisible } = this.state;
 		return (
-			<ReactNativeModal isVisible={isVisible} style={styles.modalStyle}>
+			<ReactNativeModal isVisible={isVisible} style={stylesModal.modalStyle}>
 				{firstPageVisible ? this.firstPage() : this.secondPage()}
 			</ReactNativeModal>
 		);
@@ -155,13 +158,12 @@ const buttonWidth = width / 2.5;
 const buttonFontSize = height / 45;
 const buttonBorderRadius = height / 30;
 const buttonBorderWidth = height / 500;
-const tealColor = `rgba(73, 255, 252, 1)`;
 const sugestionFontSize = height / 35;
 const recommendEatingFontSize = height / 45;
 const textFontSize = height / 42;
 const titleFontSize = height / 30;
 
-const styles = StyleSheet.create({
+export const stylesModal = StyleSheet.create({
 	modalStyle: { margin: 0 },
 	flex1: { flex: 1 },
 	container: { flex: 1, backgroundColor: `rgba(30, 35, 87, 0.9)` },
@@ -174,7 +176,7 @@ const styles = StyleSheet.create({
 	textContainerIfCarbs: { flex: 3, justifyContent: `flex-end`, marginHorizontal: `6%` },
 	textTittleMessage: { color: `white`, fontSize: titleFontSize, textAlign: `center` },
 	textMessage: { color: `white`, fontSize: textFontSize, textAlign: `center` },
-	buttonText: { color: tealColor, fontSize: buttonFontSize, textAlign: `center` },
+	buttonText: { color: BORDER_COLOUR_TEAL, fontSize: buttonFontSize, textAlign: `center` },
 	okayButtonContainer: { justifyContent: `center`, alignSelf: `center`, flexDirection: `row`, marginTop: `2%` },
 	recommendationContainer: { flex: 6, justifyContent: `flex-start`, marginHorizontal: `5%` },
 	addToCalculationContainer: { flex: 2, justifyContent: `flex-start`, marginVertical: `10%` },
@@ -186,7 +188,7 @@ const styles = StyleSheet.create({
 		marginVertical: `8%`,
 		borderRadius: height / 80,
 		borderWidth: height / 300,
-		borderColor: tealColor,
+		borderColor: BORDER_COLOUR_TEAL,
 	},
 	suggestedView: { flexDirection: `row`, justifyContent: `center` },
 	suggestedCarbs: { color: `white`, fontSize: sugestionFontSize, fontWeight: `bold`, textAlign: `center` },
@@ -194,13 +196,13 @@ const styles = StyleSheet.create({
 	carbohydrateText: { color: `white`, fontSize: sugestionFontSize, textAlign: `center` },
 	addToCalculation: { color: `white`, fontSize: textFontSize, textAlign: `center` },
 	recommendationButtonsContainer: { justifyContent: `center`, flexDirection: `row`, marginTop: `3%` },
-	affirmativeCarbsText: { color: tealColor, fontSize: buttonFontSize, textAlign: `center` },
+	affirmativeCarbsText: { color: BORDER_COLOUR_TEAL, fontSize: buttonFontSize, textAlign: `center` },
 	negativeCarbsText: { color: `white`, fontSize: buttonFontSize, textAlign: `center` },
 	affirmativeCarbsButton: {
 		marginTop: `2%`,
 		borderRadius: buttonBorderRadius,
 		borderWidth: buttonBorderWidth,
-		borderColor: tealColor,
+		borderColor: BORDER_COLOUR_TEAL,
 		width: buttonWidth,
 		height: buttonHeight,
 		alignSelf: `center`,
@@ -222,7 +224,7 @@ const styles = StyleSheet.create({
 		marginTop: `6%`,
 		borderRadius: buttonBorderRadius,
 		borderWidth: buttonBorderWidth,
-		borderColor: tealColor,
+		borderColor: BORDER_COLOUR_TEAL,
 		width: buttonWidth,
 		height: buttonHeight,
 		alignSelf: `center`,

package/src/locale/da/messages.js

@@ -1 +1 @@
-/* eslint-disable */module.exports={languageData:{"plurals":function(n,ord){var s=String(n).split("."),i=s[0],t0=Number(s[0])==n;if(ord)return"other";return n==1||!t0&&(i==0||i==1)?"one":"other"}},messages:{"Active Insulin":"Aktiv Insulin","Activity":"Aktivitet","Additional":"Supplerende","Based on the selected activity your insulin recommendation is reduced by:":"Baseret p\xE5 din valgte aktivitet er din insulin anbefaling reduceret med:","Blood Glucose Level":"Blodsukkerniveau","Entered":"Indtastet","Error. Hedia Calculator does not support an insulin dosis greater that 50 units":"Error. Hedia Calculator does not support an insulin dosis greater that 50 units","Error. Hedia Calculator does not support insulin recommendations with boluses older than 4 hours":"Error. Hedia Calculator does not support insulin recommendations with boluses older than 4 hours","Error. Hedia Calculator does not support your activity intensity value":"Error. Hedia Calculator does not support your activity intensity value","Error. Hedia Calculator does not support your current blood glucose level.":"Error. Hedia Calculator does not support your current blood glucose level.","Error. Hedia Calculator does not support your current blood glucose unit.":"Error. Hedia Calculator does not support your current blood glucose unit.","Error. Hedia Calculator does not support your current language.":"Error. Hedia Calculator does not support your current language.","Error. Hedia Calculator does not support your injection method.":"Error. Hedia Calculator does not support your injection method.","Error. Hedia Calculator only supports activities with a duration of maximum 60 minutes.":"Error. Hedia Calculator only supports activities with a duration of maximum 60 minutes.","Error. Please verify that your activity settings are set up correctly.":"Error. Please verify that your activity settings are set up correctly.","Error. Please verify that your activity target blood glucose value is correct.":"Error. Please verify that your activity target blood glucose value is correct.","Error. Please verify that your insulin sensitivity value is correct.":"Error. Please verify that your insulin sensitivity value is correct.","Error. Please verify that your insulin to carb ratio value is correct.":"Error. Please verify that your insulin to carb ratio value is correct.","Error. Please verify that your target blood glucose value is correct.":"Error. Please verify that your target blood glucose value is correct.","Error. Please verify your notifications settings.":"Error. Please verify your notifications settings.","Food":"Mad","Hard":"H\xE5rd","Have you taken insulin within the last 4 hours?":"Har du taget insulin inden for de sidste 4 timer?","Hedia Calculator does not support activities that finished more than 4 hours ago.":"Hedia Calculator does not support activities that finished more than 4 hours ago.","Hedia Calculator does not support insulin recommendations with more than 300 grams of carbohydrates present.":"Hedia Calculator does not support insulin recommendations with more than 300 grams of carbohydrates present.","Hedia doesn't support more than {0} units of insulin per log, but because of the physical activity you entered it has been further reduced by {1}% to {2} units for this log.":function(a){return["Hedia doesn't support more than ",a("0")," units of insulin per log, but because of the physical activity you entered it has been further reduced by ",a("1"),"% to ",a("2")," units for this log."]},"How are you feeling?":"Hvordan har du det?","INSULIN{0}RECOMMENDATION":function(a){return["INSULIN",a("0"),"ANBEFALING"]},"If it is possible, postpone your planned exercise.":"If it is possible, postpone your planned exercise.","Instead of taking insulin":"Instead of taking insulin","Insulin limit reached, for your safety Hedia will not recommend more than this.":"Insulingr\xE6nsen i Hedia er n\xE5et, for din sikkerhed vil der ikke blive anbefalet mere end dette.","Light":"Let","Moderate":"Moderat","More than 15 minutes has passed since this calculation was started.{0}Please go through the calculation steps with new measurements to ensure a safe recommendation.":function(a){return["Der er g\xE5et mere end 15 minutter siden udregningen blev startet.",a("0"),"G\xE5 venligst gennem udregningstrinnene igen med nye m\xE5linger for at sikre en sikker anbefaling."]},"NO":"NO","No":"Nej","OFF":"OFF","OK":"OK","OKAY":"OKAY","Post":"Efter","Recommended":"Anbefalet","Recommended amount of insulin":"Anbefalet enhed(er) af insulin","Remind me to remeasure in":"P\xE5mind mig at genm\xE5le om","Total":"Sum","Transfer to logbook":"Overf\xF8r til logbog","Transferred to logbook":"Overf\xF8rt til logbog","Units":"Enheder","Untitled Activity":"Unavngivet aktivitet","We recommend eating an additional:":"Vi anbefaler at spise yderligere:","Would you like to add this to your current calculation?":"Would you like to add this to your current calculation?","Yes":"Ja","You have a high blood glucose level.":"You have a high blood glucose level.","You should take rapid-acting insulin and measure ketones.":"You should take rapid-acting insulin and measure ketones.","You will be reminded to measure your blood glucose level in 15 min.":"You will be reminded to measure your blood glucose level in 15 min.","Your blood glucose level is very low.":"Your blood glucose level is very low.","Your blood glucose level is very low. Take glucagon or eat carbohydrates if possible. Seek medical attention.":"Your blood glucose level is very low. Take glucagon or eat carbohydrates if possible. Seek medical attention.","Your recommendation would have been higher than {0} units of insulin, but it has been limited for safety reasons.":function(a){return["Your recommendation would have been higher than ",a("0")," units of insulin, but it has been limited for safety reasons."]},"Your recommendation would have been higher than {0} units of insulin, but it has been limited for safety reasons.{1} Hedia never recommends more than {2} units of insulin per calculation, but because of the physical activity you entered it has been further reduced by {3}% to {4}.":function(a){return["Your recommendation would have been higher than ",a("0")," units of insulin, but it has been limited for safety reasons.",a("1")," Hedia never recommends more than ",a("2")," units of insulin per calculation, but because of the physical activity you entered it has been further reduced by ",a("3"),"% to ",a("4"),"."]},"g carbs":"g carbs","grams of carbohydrates":"grams of carbohydrates","hours":"timer","min":"min","units":"enheder"}};
+/* eslint-disable */module.exports={languageData:{"plurals":function(n,ord){var s=String(n).split("."),i=s[0],t0=Number(s[0])==n;if(ord)return"other";return n==1||!t0&&(i==0||i==1)?"one":"other"}},messages:{"Active Insulin":"Aktiv Insulin","Activity":"Aktivitet","Additional":"Supplerende","Attention":"OBS","Based on the selected activity your insulin recommendation is reduced by:":"Baseret p\xE5 din valgte aktivitet er din insulin anbefaling reduceret med:","Blood Glucose Level":"Blodsukkerniveau","Close calculation":"Luk beregning","Entered":"Indtastet","Error. Hedia Calculator does not support an insulin dosis greater than {0} units":function(a){return["Error. Hedia Calculator does not support an insulin dosis greater than ",a("0")," units"]},"Error. Hedia Calculator does not support insulin recommendations with boluses older than 4 hours":"Error. Hedia Calculator does not support insulin recommendations with boluses older than 4 hours","Error. Hedia Calculator does not support your activity intensity value":"Error. Hedia Calculator does not support your activity intensity value","Error. Hedia Calculator does not support your current blood glucose level.":"Error. Hedia Calculator does not support your current blood glucose level.","Error. Hedia Calculator does not support your current blood glucose unit.":"Error. Hedia Calculator does not support your current blood glucose unit.","Error. Hedia Calculator does not support your current language.":"Error. Hedia Calculator does not support your current language.","Error. Hedia Calculator does not support your injection method.":"Error. Hedia Calculator does not support your injection method.","Error. Hedia Calculator only supports activities with a duration of maximum 60 minutes.":"Error. Hedia Calculator only supports activities with a duration of maximum 60 minutes.","Error. Please verify that your activity settings are set up correctly.":"Error. Please verify that your activity settings are set up correctly.","Error. Please verify that your activity target blood glucose value is correct.":"Error. Please verify that your activity target blood glucose value is correct.","Error. Please verify that your insulin sensitivity value is correct.":"Error. Please verify that your insulin sensitivity value is correct.","Error. Please verify that your insulin to carb ratio value is correct.":"Error. Please verify that your insulin to carb ratio value is correct.","Error. Please verify that your target blood glucose value is correct.":"Error. Please verify that your target blood glucose value is correct.","Error. Please verify your notifications settings.":"Error. Please verify your notifications settings.","Food":"Mad","Hard":"H\xE5rd","Have you taken insulin within the last 4 hours?":"Har du taget insulin inden for de sidste 4 timer?","Hedia Calculator does not support activities that finished more than 4 hours ago.":"Hedia Calculator does not support activities that finished more than 4 hours ago.","Hedia Calculator does not support insulin recommendations with more than 300 grams of carbohydrates present.":"Hedia Calculator does not support insulin recommendations with more than 300 grams of carbohydrates present.","Hedia does not support more than {0} units of insulin per calculation.":function(a){return["Hedia underst\xF8tter maksimalt ",a("0")," units af insulin per beregning"]},"Hedia doesn't support more than {0} units of insulin per calculation, but because of the physical activity you entered it has been further reduced by {1}% to {2} units for this calculation.":function(a){return["Hedia underst\xF8tter maksimalt ",a("0")," units af insulin per beregning, men p\xE5 grund af den fysiske aktivitet du har indtastet er gr\xE6nsen reduceret med yderligere ",a("1"),"% til ",a("2")," for denne beregning."]},"How are you feeling?":"Hvordan har du det?","INSULIN{0}RECOMMENDATION":function(a){return["INSULIN",a("0"),"ANBEFALING"]},"If it is possible, postpone your planned exercise.":"Hvis det er muligt, uds\xE6t din planlagte tr\xE6ning.","Instead of taking insulin":"I stedet for at tage insulin","Light":"Let","Moderate":"Moderat","More than 15 minutes has passed since this calculation was started.{0}Please go through the calculation steps with new measurements to ensure a safe recommendation.":function(a){return["Der er g\xE5et mere end 15 minutter siden udregningen blev startet.",a("0"),"G\xE5 venligst gennem udregningstrinnene igen med nye m\xE5linger for at sikre en sikker anbefaling."]},"NO":"NEJ","No":"Nej","OFF":"OFF","OK":"OK","Post":"Efter","Recommended":"Anbefalet","Recommended amount of insulin":"Anbefalet enhed(er) af insulin","Remind me to remeasure in":"P\xE5mind mig at genm\xE5le om","Save data before closing?":"Vil du gemme din indtastning?","Save to logbook":"Gem i logbog","Total":"Sum","Transfer to logbook":"Overf\xF8r til logbog","Transferred to logbook":"Overf\xF8rt til logbog","Units":"Enheder","Untitled Activity":"Unavngivet aktivitet","We recommend eating an additional:":"Vi anbefaler at spise yderligere:","Would you like to add this to your current calculation?":"Would you like to add this to your current calculation?","Yes":"Ja","You have a high blood glucose level.":"Du har et h\xF8jt blodsukkerniveau.","You should take rapid-acting insulin and measure ketones.":"Du burde tage hurtigtvirkende insulin og m\xE5le ketoner.","You will be reminded to measure your blood glucose level in 15 min.":"Du vil f\xE5 p\xE5mindelser om at m\xE5le dit blodsukkerniveau om 15 minutter.","Your blood glucose level is very low.":"Dit blodsukkerniveau er meget lavt.","Your blood glucose level is very low. Take glucagon or eat carbohydrates if possible. Seek medical attention.":"Dit blodsukkerniveau er meget lavt. Tag glukagon eller spis kulhydrater, hvis det er muligt. S\xF8g l\xE6gehj\xE6lp.","Your recommendation would have been higher than {0} units of insulin, but it has been limited for safety reasons. Hedia never recommends more than {1} units of insulin per calculation.":function(a){return["Your recommendation would have been higher than ",a("0")," units of insulin, but it has been limited for safety reasons. Hedia never recommends more than ",a("1")," units of insulin per calculation."]},"Your recommendation would have been higher than {0} units of insulin, but it has been limited for safety reasons.{1} Hedia never recommends more than {2} units of insulin per calculation, but because of the physical activity you entered it has been further reduced by {3}% to {4}.":function(a){return["Din anbefaling ville have v\xE6ret h\xF8jere end ",a("0")," units af insulin, men den er blevet begr\xE6nset af sikkerhedshensyn.",a("1"),"Hedia anbefaler aldrig mere end ",a("2")," units af insulin per beregning, men p\xE5 grund af den fysiske aktivitet du har indtastet er gr\xE6nsen reduceret med yderligere ",a("3"),"% til ",a("4"),"."]},"Your saved data will be used for future calculations.":"Dine gemte indtastninger vil blive brugt til fremtidige beregninger.","g carbs":"g kulhydrater","grams of carbohydrates":"grams of carbohydrates","hours":"timer","min":"min","units":"enheder"}};