@hedia/recommendation-screen 1.0.0 → 1.0.1

package/src/components/RecommendedInsulin.js

@@ -1,110 +1,109 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const macro_1 = require("@lingui/macro");
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
-const i18nUtils_1 = require("../locale/i18nUtils");
-const RecommendationError_1 = require("../utils/RecommendationError");
-const Utils_1 = require("../utils/Utils");
-const Icon_1 = __importDefault(require("./Icon"));
-const InfoBars_1 = require("./InfoBars");
-const InvisibleNumberInput_1 = __importDefault(require("./InvisibleNumberInput"));
-class RecommendedInsulin extends react_1.default.Component {
-    constructor(props) {
-        super(props);
-        this.handleOnPress = () => {
-            this.callbackInput?.();
-        };
-        this.updatePartially = (insulin) => {
-            const replacedZero = insulin.length > 1 && insulin.startsWith(`0`) && !insulin.startsWith(`0.`) ? insulin.substring(1) : insulin;
-            this.setState({
-                insulin: replacedZero,
-            });
-            return replacedZero;
-        };
-        this.handleUpdatedInsulin = (value) => {
-            const rounded = Utils_1.Utils.roundValue(value, this.props.injectionMethod);
-            // https://hedia.atlassian.net/browse/HDA-795
-            const limited = (1 - this.props.activityReduction) * 50;
-            if (rounded > limited) {
-                this.updatePartially(`${limited}`);
-                return this.props.onError(RecommendationError_1.InsulinLimitError);
-            }
-            this.updatePartially(`${rounded}`);
-            this.props.updateRecommendedInsulin(rounded);
-        };
-        this.render = () => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
+const i18nUtils_1 = require("../locale/i18nUtils");
+const RecommendationError_1 = require("../utils/RecommendationError");
+const Utils_1 = require("../utils/Utils");
+const Icon_1 = __importDefault(require("./Icon"));
+const InfoBars_1 = require("./InfoBars");
+const InvisibleNumberInput_1 = __importDefault(require("./InvisibleNumberInput"));
+class RecommendedInsulin extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.handleOnPress = () => {
+            this.callbackInput?.();
+        };
+        this.updatePartially = (insulin) => {
+            const replacedZero = insulin.length > 1 && insulin.startsWith(`0`) && !insulin.startsWith(`0.`) ? insulin.substring(1) : insulin;
+            this.setState({
+                insulin: replacedZero,
+            });
+            return replacedZero;
+        };
+        this.handleUpdatedInsulin = (value) => {
+            const rounded = Utils_1.Utils.roundValue(value, this.props.injectionMethod);
+            // https://hedia.atlassian.net/browse/HDA-795
+            const limited = (1 - this.props.activityReduction) * 50;
+            if (rounded > limited) {
+                this.updatePartially(`${limited}`);
+                return this.props.onError(RecommendationError_1.InsulinLimitError);
+            }
+            this.updatePartially(`${rounded}`);
+            this.props.updateRecommendedInsulin(rounded);
+        };
+        this.render = () => {
             return (<react_1.default.Fragment>
 				<react_native_1.TouchableOpacity accessibilityLabel="editRecommendedInsulin" onPress={this.handleOnPress}>
 					<react_native_linear_gradient_1.default style={recommendedInsulinStyles.container} colors={[`#a200ff`, `#578aff`]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }}>
 						<react_native_1.View style={recommendedInsulinStyles.recommendedTextContainer}>
 							<react_native_1.Text style={recommendedInsulinStyles.recommendedText}>
-								{i18nUtils_1.i18n._(macro_1.t `Recommended amount of insulin`)}
+								{i18nUtils_1.i18n._("Recommended amount of insulin")}
 							</react_native_1.Text>
 						</react_native_1.View>
 						<react_native_1.View style={recommendedInsulinStyles.recommendedContainer}>
 							<react_native_1.View style={recommendedInsulinStyles.valueContainer}>
 								<react_native_1.Text style={recommendedInsulinStyles.value}>{this.state.insulin}</react_native_1.Text>
-								<react_native_1.Text style={recommendedInsulinStyles.units}>{i18nUtils_1.i18n._(macro_1.t `Units`)}</react_native_1.Text>
+								<react_native_1.Text style={recommendedInsulinStyles.units}>{i18nUtils_1.i18n._("Units")}</react_native_1.Text>
 							</react_native_1.View>
 							<Icon_1.default style={recommendedInsulinStyles.editIcon} iconIdentifier={`Feather/edit`}/>
 						</react_native_1.View>
 					</react_native_linear_gradient_1.default>
 				</react_native_1.TouchableOpacity>
 				<InvisibleNumberInput_1.default decimalPlaces={3} negativeAllowed={false} cleanPartialInput={false} partialInput={this.updatePartially} onEnd={this.handleUpdatedInsulin} visible={(visible) => (this.callbackInput = visible)} startValue={`${this.state.insulin}`}/>
-			</react_1.default.Fragment>);
-        };
-        this.state = {
-            insulin: `${props.insulinRecommendation ?? 0}`,
-        };
-    }
-}
-exports.default = RecommendedInsulin;
-const recommendedInsulinStyles = react_native_1.StyleSheet.create({
-    container: {
-        marginHorizontal: InfoBars_1.infoStyles.margin.margin,
-        borderRadius: 5,
-    },
-    recommendedTextContainer: {
-        flex: 1,
-        alignItems: `center`,
-        marginTop: `3%`,
-    },
-    recommendedText: {
-        color: `white`,
-        fontWeight: `bold`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 24,
-    },
-    recommendedContainer: {
-        flex: 1,
-        flexDirection: `row`,
-        marginLeft: `10%`,
-    },
-    valueContainer: {
-        flex: 1,
-        flexDirection: `row`,
-        justifyContent: `center`,
-    },
-    value: {
-        color: `white`,
-        fontWeight: `bold`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 5,
-    },
-    units: {
-        color: `white`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 28,
-        textAlignVertical: `bottom`,
-        paddingBottom: `6%`,
-    },
-    editIcon: {
-        color: `white`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 28,
-        textAlignVertical: `center`,
-        paddingBottom: `10%`,
-        marginRight: `5%`,
-    },
-});
+			</react_1.default.Fragment>);
+        };
+        this.state = {
+            insulin: `${props.insulinRecommendation ?? 0}`,
+        };
+    }
+}
+exports.default = RecommendedInsulin;
+const recommendedInsulinStyles = react_native_1.StyleSheet.create({
+    container: {
+        marginHorizontal: InfoBars_1.infoStyles.margin.margin,
+        borderRadius: 5,
+    },
+    recommendedTextContainer: {
+        flex: 1,
+        alignItems: `center`,
+        marginTop: `3%`,
+    },
+    recommendedText: {
+        color: `white`,
+        fontWeight: `bold`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 24,
+    },
+    recommendedContainer: {
+        flex: 1,
+        flexDirection: `row`,
+        marginLeft: `10%`,
+    },
+    valueContainer: {
+        flex: 1,
+        flexDirection: `row`,
+        justifyContent: `center`,
+    },
+    value: {
+        color: `white`,
+        fontWeight: `bold`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 5,
+    },
+    units: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 28,
+        textAlignVertical: `bottom`,
+        paddingBottom: `6%`,
+    },
+    editIcon: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 28,
+        textAlignVertical: `center`,
+        paddingBottom: `10%`,
+        marginRight: `5%`,
+    },
+});

package/src/components/RecommendedInsulin.tsx

@@ -1,4 +1,3 @@
-import { t } from "@lingui/macro";
 import React from "react";
 import { Dimensions, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import LinearGradient from "react-native-linear-gradient";
@@ -75,13 +74,13 @@ export default class RecommendedInsulin extends React.Component<IProps, IState>
 					>
 						<View style={recommendedInsulinStyles.recommendedTextContainer}>
 							<Text style={recommendedInsulinStyles.recommendedText}>
-								{i18n._(t`Recommended amount of insulin`)}
+								{i18n._("Recommended amount of insulin")}
 							</Text>
 						</View>
 						<View style={recommendedInsulinStyles.recommendedContainer}>
 							<View style={recommendedInsulinStyles.valueContainer}>
 								<Text style={recommendedInsulinStyles.value}>{this.state.insulin}</Text>
-								<Text style={recommendedInsulinStyles.units}>{i18n._(t`Units`)}</Text>
+								<Text style={recommendedInsulinStyles.units}>{i18n._("Units")}</Text>
 							</View>
 							<Icon style={recommendedInsulinStyles.editIcon} iconIdentifier={`Feather/edit`} />
 						</View>

package/src/components/Remeasure.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-interface IProps {
-    remeasureTime: number;
-    onSliderChange(value: number): void;
-}
-export default class Remeasure extends React.Component<IProps, null> {
-    private slider;
-    componentDidMount(): void;
-    handleSliderChange: (remeasureTime: number) => void;
-    limitTime: (remeasureTime: number) => number;
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+interface IProps {
+    remeasureTime: number;
+    onSliderChange(value: number): void;
+}
+export default class Remeasure extends React.Component<IProps, null> {
+    private slider;
+    componentDidMount(): void;
+    handleSliderChange: (remeasureTime: number) => void;
+    limitTime: (remeasureTime: number) => number;
+    render(): JSX.Element;
+}
+export {};

package/src/components/Remeasure.js

@@ -1,89 +1,88 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const macro_1 = require("@lingui/macro");
-const slider_1 = __importDefault(require("@react-native-community/slider"));
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const i18nUtils_1 = require("../locale/i18nUtils");
-const Constants_1 = require("../utils/Constants");
-const InfoBars_1 = require("./InfoBars");
-class Remeasure extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.handleSliderChange = (remeasureTime) => {
-            const limited = this.limitTime(remeasureTime);
-            this.setState({
-                remeasureTime: limited,
-            });
-            this.props.onSliderChange(limited);
-        };
-        this.limitTime = (remeasureTime) => {
-            return Math.min(Math.max(0, remeasureTime), 4);
-        };
-    }
-    componentDidMount() {
-        this.slider.setNativeProps({
-            value: this.props.remeasureTime,
-        });
-    }
-    render() {
-        const measure = this.props.remeasureTime > 0;
-        const limited = this.limitTime(this.props.remeasureTime);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const slider_1 = __importDefault(require("@react-native-community/slider"));
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const i18nUtils_1 = require("../locale/i18nUtils");
+const Constants_1 = require("../utils/Constants");
+const InfoBars_1 = require("./InfoBars");
+class Remeasure extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.handleSliderChange = (remeasureTime) => {
+            const limited = this.limitTime(remeasureTime);
+            this.setState({
+                remeasureTime: limited,
+            });
+            this.props.onSliderChange(limited);
+        };
+        this.limitTime = (remeasureTime) => {
+            return Math.min(Math.max(0, remeasureTime), 4);
+        };
+    }
+    componentDidMount() {
+        this.slider.setNativeProps({
+            value: this.props.remeasureTime,
+        });
+    }
+    render() {
+        const measure = this.props.remeasureTime > 0;
+        const limited = this.limitTime(this.props.remeasureTime);
         return (<react_native_1.View style={remeasureStyles.container}>
 				<react_native_1.View style={remeasureStyles.borderContainer}>
 					<react_native_1.View style={remeasureStyles.remeasureContainer}>
-						<react_native_1.Text style={remeasureStyles.remeasureLabel}>{i18nUtils_1.i18n._(macro_1.t `Remind me to remeasure in`)}</react_native_1.Text>
+						<react_native_1.Text style={remeasureStyles.remeasureLabel}>{i18nUtils_1.i18n._("Remind me to remeasure in")}</react_native_1.Text>
 					</react_native_1.View>
 					<react_native_1.View style={remeasureStyles.valueUnitContainer}>
 						<react_native_1.View style={remeasureStyles.valueContainer}>
-							<react_native_1.Text style={remeasureStyles.value}>{measure ? limited : i18nUtils_1.i18n._(macro_1.t `OFF`)}</react_native_1.Text>
+							<react_native_1.Text style={remeasureStyles.value}>{measure ? limited : i18nUtils_1.i18n._("OFF")}</react_native_1.Text>
 						</react_native_1.View>
 						<react_native_1.View style={remeasureStyles.unitContainer}>
-							<react_native_1.Text style={remeasureStyles.units}>{measure ? i18nUtils_1.i18n._(macro_1.t `hours`) : ``}</react_native_1.Text>
+							<react_native_1.Text style={remeasureStyles.units}>{measure ? i18nUtils_1.i18n._("hours") : ``}</react_native_1.Text>
 						</react_native_1.View>
 					</react_native_1.View>
 				</react_native_1.View>
 				<slider_1.default ref={(slider) => (this.slider = slider)} accessibilityLabel="remeasureSlider" maximumTrackTintColor={Constants_1.BORDER_COLOUR_TEAL} minimumTrackTintColor={Constants_1.BORDER_COLOUR_TEAL} thumbTintColor={Constants_1.BORDER_COLOUR_TEAL} maximumValue={4} minimumValue={0} step={0.5} style={remeasureStyles.sliderStyle} onValueChange={this.handleSliderChange}></slider_1.default>
-			</react_native_1.View>);
-    }
-}
-exports.default = Remeasure;
-const remeasureStyles = react_native_1.StyleSheet.create({
-    container: {
-        flexDirection: `column`,
-    },
-    borderContainer: {
-        ...InfoBars_1.infoStyles.borderContainer,
-        alignItems: `center`,
-    },
-    remeasureContainer: {
-        flex: 7,
-    },
-    remeasureLabel: {
-        color: `white`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 25,
-        fontWeight: `bold`,
-    },
-    valueUnitContainer: {
-        ...InfoBars_1.infoStyles.valueUnitContainer,
-    },
-    valueContainer: {
-        ...InfoBars_1.infoStyles.valueContainer,
-    },
-    value: {
-        ...InfoBars_1.infoStyles.value,
-    },
-    unitContainer: {
-        ...InfoBars_1.infoStyles.unitContainer,
-    },
-    units: {
-        ...InfoBars_1.infoStyles.units,
-    },
-    sliderStyle: {
-        marginTop: `3%`,
-        marginBottom: `2%`,
-    },
-});
+			</react_native_1.View>);
+    }
+}
+exports.default = Remeasure;
+const remeasureStyles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: `column`,
+    },
+    borderContainer: {
+        ...InfoBars_1.infoStyles.borderContainer,
+        alignItems: `center`,
+    },
+    remeasureContainer: {
+        flex: 7,
+    },
+    remeasureLabel: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 25,
+        fontWeight: `bold`,
+    },
+    valueUnitContainer: {
+        ...InfoBars_1.infoStyles.valueUnitContainer,
+    },
+    valueContainer: {
+        ...InfoBars_1.infoStyles.valueContainer,
+    },
+    value: {
+        ...InfoBars_1.infoStyles.value,
+    },
+    unitContainer: {
+        ...InfoBars_1.infoStyles.unitContainer,
+    },
+    units: {
+        ...InfoBars_1.infoStyles.units,
+    },
+    sliderStyle: {
+        marginTop: `3%`,
+        marginBottom: `2%`,
+    },
+});

package/src/components/Remeasure.tsx

@@ -1,4 +1,3 @@
-import { t } from "@lingui/macro";
 import Slider from "@react-native-community/slider";
 import React from "react";
 import { Dimensions, StyleSheet, Text, View } from "react-native";
@@ -39,14 +38,14 @@ export default class Remeasure extends React.Component<IProps, null> {
 			<View style={remeasureStyles.container}>
 				<View style={remeasureStyles.borderContainer}>
 					<View style={remeasureStyles.remeasureContainer}>
-						<Text style={remeasureStyles.remeasureLabel}>{i18n._(t`Remind me to remeasure in`)}</Text>
+						<Text style={remeasureStyles.remeasureLabel}>{i18n._("Remind me to remeasure in")}</Text>
 					</View>
 					<View style={remeasureStyles.valueUnitContainer}>
 						<View style={remeasureStyles.valueContainer}>
-							<Text style={remeasureStyles.value}>{measure ? limited : i18n._(t`OFF`)}</Text>
+							<Text style={remeasureStyles.value}>{measure ? limited : i18n._("OFF")}</Text>
 						</View>
 						<View style={remeasureStyles.unitContainer}>
-							<Text style={remeasureStyles.units}>{measure ? i18n._(t`hours`) : ``}</Text>
+							<Text style={remeasureStyles.units}>{measure ? i18n._("hours") : ``}</Text>
 						</View>
 					</View>
 				</View>

package/src/components/TransferToLogbook.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-interface IProps {
-    visible: boolean;
-    transfer(): void;
-}
-interface IState {
-    pressed: boolean;
-}
-export default class TransferToLogbook extends React.Component<IProps, IState> {
-    state: IState;
-    handlePress: () => void;
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+interface IProps {
+    visible: boolean;
+    transfer(): void;
+}
+interface IState {
+    pressed: boolean;
+}
+export default class TransferToLogbook extends React.Component<IProps, IState> {
+    state: IState;
+    handlePress: () => void;
+    render(): JSX.Element;
+}
+export {};

package/src/components/TransferToLogbook.js

@@ -1,81 +1,80 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const macro_1 = require("@lingui/macro");
-const i18nUtils_1 = require("../locale/i18nUtils");
-const Icon_1 = __importDefault(require("./Icon"));
-class TransferToLogbook extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            pressed: false,
-        };
-        this.handlePress = () => {
-            this.setState({
-                pressed: !this.state.pressed,
-            });
-            this.props.transfer();
-        };
-    }
-    render() {
-        if (!this.props.visible) {
-            return <react_native_1.View style={addToLogbookStyles.marginContainer}/>;
-        }
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const i18nUtils_1 = require("../locale/i18nUtils");
+const Icon_1 = __importDefault(require("./Icon"));
+class TransferToLogbook extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            pressed: false,
+        };
+        this.handlePress = () => {
+            this.setState({
+                pressed: !this.state.pressed,
+            });
+            this.props.transfer();
+        };
+    }
+    render() {
+        if (!this.props.visible) {
+            return <react_native_1.View style={addToLogbookStyles.marginContainer}/>;
+        }
         return (<react_native_1.TouchableOpacity onPress={this.handlePress} style={addToLogbookStyles.container} accessibilityLabel="transferToLogbook">
 				{!this.state.pressed ? (<react_native_1.View style={addToLogbookStyles.textContainer}>
-						<react_native_1.Text style={addToLogbookStyles.transferText}>{i18nUtils_1.i18n._(macro_1.t `Transfer to logbook`)}</react_native_1.Text>
+						<react_native_1.Text style={addToLogbookStyles.transferText}>{i18nUtils_1.i18n._("Transfer to logbook")}</react_native_1.Text>
 					</react_native_1.View>) : (<react_native_1.View style={addToLogbookStyles.textContainerActive}>
 						<Icon_1.default style={addToLogbookStyles.icon} iconIdentifier={`Feather/check`}/>
-						<react_native_1.Text style={addToLogbookStyles.transferTextActive}>{i18nUtils_1.i18n._(macro_1.t `Transfered to logbook`)}</react_native_1.Text>
+						<react_native_1.Text style={addToLogbookStyles.transferTextActive}>{i18nUtils_1.i18n._("Transfered to logbook")}</react_native_1.Text>
 					</react_native_1.View>)}
-			</react_native_1.TouchableOpacity>);
-    }
-}
-exports.default = TransferToLogbook;
-const addToLogbookStyles = react_native_1.StyleSheet.create({
-    marginContainer: {
-        marginVertical: `3%`,
-    },
-    container: {
-        flex: 1,
-        margin: `5%`,
-    },
-    textContainer: {
-        flexDirection: `row`,
-        justifyContent: `center`,
-        borderWidth: 1,
-        borderRadius: 100,
-        marginHorizontal: `4%`,
-        paddingVertical: `4%`,
-        borderColor: `#01FFFC`,
-    },
-    transferText: {
-        color: `#01FFFC`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
-        fontWeight: `bold`,
-    },
-    textContainerActive: {
-        flexDirection: `row`,
-        backgroundColor: `#01FFFC`,
-        justifyContent: `center`,
-        borderWidth: 1,
-        borderRadius: 100,
-        marginHorizontal: `4%`,
-        paddingVertical: `4%`,
-    },
-    icon: {
-        paddingTop: `1.3%`,
-        color: `#1B1F48`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
-        marginRight: `1%`,
-    },
-    transferTextActive: {
-        color: `#1B1F48`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
-        fontWeight: `bold`,
-    },
-});
+			</react_native_1.TouchableOpacity>);
+    }
+}
+exports.default = TransferToLogbook;
+const addToLogbookStyles = react_native_1.StyleSheet.create({
+    marginContainer: {
+        marginVertical: `3%`,
+    },
+    container: {
+        flex: 1,
+        margin: `5%`,
+    },
+    textContainer: {
+        flexDirection: `row`,
+        justifyContent: `center`,
+        borderWidth: 1,
+        borderRadius: 100,
+        marginHorizontal: `4%`,
+        paddingVertical: `4%`,
+        borderColor: `#01FFFC`,
+    },
+    transferText: {
+        color: `#01FFFC`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
+        fontWeight: `bold`,
+    },
+    textContainerActive: {
+        flexDirection: `row`,
+        backgroundColor: `#01FFFC`,
+        justifyContent: `center`,
+        borderWidth: 1,
+        borderRadius: 100,
+        marginHorizontal: `4%`,
+        paddingVertical: `4%`,
+    },
+    icon: {
+        paddingTop: `1.3%`,
+        color: `#1B1F48`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
+        marginRight: `1%`,
+    },
+    transferTextActive: {
+        color: `#1B1F48`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
+        fontWeight: `bold`,
+    },
+});