react-native-ethiopian-calendar
Version:
A react native calendar component which is mainly intended for applications which require Ethiopian calendar.
80 lines (79 loc) • 3.05 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Header = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _locals = require("../../../utils/locals");
var _style = require("./style");
var _components = require("../../../commons/components");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const Header = /*#__PURE__*/_react.default.memo(props => {
const {
currentDay,
today,
prev,
next,
month,
year,
locals = 'AMH',
mode,
theme,
onModeChange,
onLanguageChange,
hideHeaderButtons
} = props;
const styles = (0, _style.makeStyle)(theme);
return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, !hideHeaderButtons && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.headerButtonsWrapper
}, /*#__PURE__*/_react.default.createElement(_components.SwitchMode, {
theme: theme,
mode: mode,
onModeChange: onModeChange
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.todayButton
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
onPress: today,
activeOpacity: 0.9
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
style: styles.todayText
}, currentDay))), mode === 'EC' && /*#__PURE__*/_react.default.createElement(_components.LocalsDropDown, {
theme: theme,
locals: locals,
onLanguageChange: onLanguageChange
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.mainHeader
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
onPress: prev,
style: styles.arrow
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
source: require('../../images/left_icon.png'),
style: styles.arrowImage
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.headerTitle
}, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
style: styles.titleText
}, (0, _locals.getMonthsName)({
locals,
mode
})[month - 1]), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.space
}), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
style: styles.titleText
}, year)), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
onPress: next,
style: styles.arrow
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
source: require('../../images/right_icon.png'),
style: styles.arrowImage
}))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
style: styles.daysHeader
}, (0, _locals.getDaysNameOfTheWeek)(locals).map((item, i) => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
style: styles.dayText,
key: i,
numberOfLines: 1
}, item))));
});
exports.Header = Header;
//# sourceMappingURL=index.js.map