diff --git a/.eslintrc.json b/.eslintrc.json index 4d09f3a6..693b177e 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -8,6 +8,8 @@ "parser": "babel-eslint", "rules": { "import/no-unresolved": "off", + "global-require": 0, + "react/jsx-no-bind":0, "react/jsx-filename-extension": [ 1, { @@ -18,7 +20,7 @@ "error", { "trailingComma": "es5", - "singleQuote": true + "printWidth":100 } ] }, diff --git a/.vscode/settings.json b/.vscode/settings.json index c00b0215..c89fd2da 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -5,4 +5,5 @@ "editor.formatOnPaste": true, "prettier.semi": true, "javascript.format.semicolons": "insert", + "prettier.printWidth": 100, } diff --git a/screens/About.js b/screens/About.js index d81d2dda..6619a5b5 100644 --- a/screens/About.js +++ b/screens/About.js @@ -8,104 +8,118 @@ import { ScrollView, TouchableHighlight, StatusBar, - Platform + Platform, } from "react-native"; +import PropTypes from "prop-types"; import { Header } from "react-native-elements"; import Icon from "react-native-vector-icons/MaterialIcons"; -import GLOBAL from "../utils/globals"; import { connect } from "react-redux"; import VersionNumber from "react-native-version-number"; import AnalyticsManager from "../utils/analytics"; import Strings from "../utils/localization"; +import GLOBAL from "../utils/globals"; +import constant from "../utils/constant"; class Home extends React.Component { componentDidMount() { - AnalyticsManager.getInstance().trackScreenView( - "About", - this.constructor.name - ); + AnalyticsManager.getInstance().trackScreenView(constant.ABOUT, this.constructor.name); } render() { + const styles = StyleSheet.create({ + container: { + flex: 1, + padding: 8, + backgroundColor: GLOBAL.COLOR.WHITE_COLOR, + }, + nightMode: { + backgroundColor: GLOBAL.COLOR.NIGHT_BLACK, + color: GLOBAL.COLOR.WHITE_COLOR, + }, + singleLine: { + flexDirection: "row", + justifyContent: "space-between", + }, + title: { + fontSize: 20, + fontWeight: "bold", + }, + small: { + fontSize: 11, + }, + }); + const { navigation, nightMode } = this.props; return ( - +
this.props.navigation.goBack()} + onPress={() => navigation.goBack()} /> } centerComponent={{ text: Strings.about, - style: { color: GLOBAL.COLOR.TOOLBAR_TINT, fontSize: 18 } + style: { color: GLOBAL.COLOR.TOOLBAR_TINT, fontSize: 18 }, }} /> - - {Strings.sundar_gutka} - - - {"\n"}{Strings.created_by}: + {Strings.sundar_gutka} + + {"\n"} + {Strings.created_by}: Linking.openURL("https://khalisfoundation.org")} + underlayColor={GLOBAL.COLOR.UNDERLAY_COLOR} + onPress={() => Linking.openURL(constant.KHALIS_FOUNDATION_URL)} > - + - {"\n"}{Strings.about_1} + {"\n"} + {Strings.about_1} {"\n"} {"\n"} - {Strings.about_2}{"\n"} + {Strings.about_2} + {"\n"} Linking.openURL("https://khalisfoundation.org")} + style={{ color: GLOBAL.COLOR.UNDERLAY_COLOR }} + onPress={() => Linking.openURL(constant.KHALIS_FOUNDATION_URL)} > - http://www.KhalisFoundation.org + constant.KHALIS_FOUNDATION_URL ! - - {"\n"}{Strings.about_3} + + {"\n"} + {Strings.about_3} {"\n"} {"\n"} {Strings.about_4}{" "} Linking.openURL("https://www.banidb.com/")} + style={{ color: GLOBAL.COLOR.UNDERLAY_COLOR }} + onPress={() => Linking.openURL(constant.BANI_DB_URL)} > {Strings.baniDB} {" "} @@ -113,31 +127,26 @@ class Home extends React.Component { {"\n"} Linking.openURL("https://www.banidb.com/")} + underlayColor={GLOBAL.COLOR.UNDERLAY_COLOR} + onPress={() => Linking.openURL(constant.BANI_DB_URL)} > - - {"\n"}{Strings.about_6}{"\n"} + + {"\n"} + {Strings.about_6} + {"\n"} - + - + © {new Date().getFullYear()} {Strings.khalis_foundation} - - {Strings.app_version}: {VersionNumber.appVersion} ( - {VersionNumber.buildVersion}){"\n"} + + {Strings.app_version}: {VersionNumber.appVersion} ({VersionNumber.buildVersion}){"\n"} @@ -145,33 +154,32 @@ class Home extends React.Component { ); } } - -const styles = StyleSheet.create({ - container: { - flex: 1, - padding: 8, - backgroundColor: "#fff" - }, - nightMode: { - backgroundColor: "#000", - color: "#fff" - }, - singleLine: { - flexDirection: "row", - justifyContent: "space-between" - }, - title: { - fontSize: 20, - fontWeight: "bold" - }, - small: { - fontSize: 11 - } -}); +Home.propTypes = { + navigation: PropTypes.shape({ + addEventListener: PropTypes.func, + canGoBack: PropTypes.func, + dispatch: PropTypes.func, + getID: PropTypes.func, + getParent: PropTypes.func, + getState: PropTypes.func, + goBack: PropTypes.func, + isFocused: PropTypes.func, + navigate: PropTypes.func, + pop: PropTypes.func, + popToTop: PropTypes.func, + push: PropTypes.func, + removeListener: PropTypes.func, + replace: PropTypes.func, + reset: PropTypes.func, + setOptions: PropTypes.func, + setParams: PropTypes.func, + }).isRequired, + nightMode: PropTypes.bool.isRequired, +}; function mapStateToProps(state) { return { - nightMode: state.nightMode + nightMode: state.nightMode, }; } diff --git a/screens/Bookmarks.js b/screens/Bookmarks.js index 1bb20e3b..fd4f7689 100644 --- a/screens/Bookmarks.js +++ b/screens/Bookmarks.js @@ -4,6 +4,7 @@ import { bindActionCreators } from "redux"; import { View, StatusBar, Platform } from "react-native"; import { Header } from "react-native-elements"; import Icon from "react-native-vector-icons/MaterialIcons"; +import PropTypes from "prop-types"; import GLOBAL from "../utils/globals"; import Database from "../utils/database"; import BaniList from "../components/BaniList"; @@ -21,79 +22,70 @@ class Bookmarks extends React.Component { } componentDidMount() { - Database.getBookmarksForId( - this.props.currentShabad, - this.props.baniLength, - this.props.transliterationLanguage - ).then((bookmarks) => { - this.setState({ - data: bookmarks, - isLoading: false, - }); - }); + const { currentShabad, baniLength, transliterationLanguage } = this.props; + Database.getBookmarksForId(currentShabad, baniLength, transliterationLanguage).then( + (bookmarks) => { + this.setState({ + data: bookmarks, + isLoading: false, + }); + } + ); } - handleOnPress(item, navigator) { - this.props.setScrollIndex(item.shabadId); - this.props.navigation.goBack(); + handleOnPress(item) { + const { setScrollIndex, navigation } = this.props; + setScrollIndex(item.shabadId); + navigation.goBack(); } render() { - ; + const { isLoading, data } = this.state; + const { nightMode, navigation, fontSize, fontFace, transliteration } = this.props; + ; return ( + }} + >
this.props.navigation.goBack()} + onPress={() => navigation.goBack()} /> } centerComponent={{ text: Strings.bookmarks, style: { - color: this.props.nightMode - ? GLOBAL.COLOR.TOOLBAR_TINT - : GLOBAL.COLOR.TOOLBAR_TINT_DARK, + color: nightMode ? GLOBAL.COLOR.TOOLBAR_TINT : GLOBAL.COLOR.TOOLBAR_TINT_DARK, fontSize: 18, }, }} /> @@ -101,6 +93,36 @@ class Bookmarks extends React.Component { } } +Bookmarks.propTypes = { + currentShabad: PropTypes.string.isRequired, + baniLength: PropTypes.string.isRequired, + transliterationLanguage: PropTypes.string.isRequired, + setScrollIndex: PropTypes.func.isRequired, + navigation: PropTypes.shape({ + addEventListener: PropTypes.func, + canGoBack: PropTypes.func, + dispatch: PropTypes.func, + getID: PropTypes.func, + getParent: PropTypes.func, + getState: PropTypes.func, + goBack: PropTypes.func, + isFocused: PropTypes.func, + navigate: PropTypes.func, + pop: PropTypes.func, + popToTop: PropTypes.func, + push: PropTypes.func, + removeListener: PropTypes.func, + replace: PropTypes.func, + reset: PropTypes.func, + setOptions: PropTypes.func, + setParams: PropTypes.func, + }).isRequired, + nightMode: PropTypes.bool.isRequired, + fontSize: PropTypes.string.isRequired, + fontFace: PropTypes.string.isRequired, + transliteration: PropTypes.string.isRequired, +}; + function mapStateToProps(state) { return { nightMode: state.nightMode, @@ -117,7 +139,4 @@ function mapDispatchToProps(dispatch) { return bindActionCreators(actions, dispatch); } -export default connect( - mapStateToProps, - mapDispatchToProps -)(Bookmarks); +export default connect(mapStateToProps, mapDispatchToProps)(Bookmarks); diff --git a/screens/EditBaniOrder.js b/screens/EditBaniOrder.js index 4447413b..8805c080 100644 --- a/screens/EditBaniOrder.js +++ b/screens/EditBaniOrder.js @@ -1,58 +1,85 @@ import React from "react"; -import { - Animated, - Easing, - StyleSheet, - Text, - Image, - View, - Dimensions, - Platform, - StatusBar, -} from "react-native"; +import { StyleSheet, View, Dimensions, Platform, StatusBar } from "react-native"; +import PropTypes from "prop-types"; import { Header } from "react-native-elements"; import Icon from "react-native-vector-icons/MaterialIcons"; -import GLOBAL from "../utils/globals"; import SortableList from "react-native-sortable-list"; import { connect } from "react-redux"; import { bindActionCreators } from "redux"; +import GLOBAL from "../utils/globals"; import * as actions from "../actions/actions"; import AnalyticsManager from "../utils/analytics"; -import { baseFontSize } from "../utils/helpers"; import { defaultBaniOrderArray } from "../utils/helpers"; import Strings from "../utils/localization"; +import CONSTANT from "../utils/constant"; +import Row from "./Row"; const window = Dimensions.get("window"); +const styles = StyleSheet.create({ + container: { + flex: 1, + justifyContent: "center", + alignItems: "center", + backgroundColor: GLOBAL.COLOR.BANI_ORDER_BACK_COLOR, + + ...Platform.select({ + ios: { + paddingTop: 0, + }, + }), + }, + list: { + flex: 1, + }, + + contentContainer: { + width: window.width, + }, + + image: { + width: 50, + height: 50, + marginRight: 20, + }, +}); class EditBaniOrder extends React.Component { componentDidMount() { - AnalyticsManager.getInstance().trackScreenView( - "Index Reorder", - this.constructor.name - ); + AnalyticsManager.getInstance().trackScreenView(CONSTANT.INDEX_REORDER, this.constructor.name); } + renderRow = ({ data, active }) => { + const { nightMode, transliteration, fontFace } = this.props; + return ( + + ); + }; + render() { + const { navigation, setBaniOrder, nightMode, mergedBaniData, baniOrder } = this.props; + const { VIEW_BACK_COLOR } = GLOBAL.COLOR; return ( - + }} + > +
this.props.navigation.goBack()} + onPress={() => navigation.goBack()} /> } centerComponent={{ @@ -64,183 +91,45 @@ class EditBaniOrder extends React.Component { name="refresh" color={GLOBAL.COLOR.TOOLBAR_TINT} size={30} - onPress={() => this.props.setBaniOrder(defaultBaniOrderArray)} + onPress={() => setBaniOrder(defaultBaniOrderArray)} /> } /> - + { this.newOrder = nextOrder; }} - onReleaseRow={(key) => - this.newOrder !== undefined - ? this.props.setBaniOrder(this.newOrder) - : null - } - renderRow={this._renderRow} - order={this.props.baniOrder} + onReleaseRow={() => (this.newOrder !== undefined ? setBaniOrder(this.newOrder) : null)} + renderRow={this.renderRow} + order={baniOrder} /> ); } - - _renderRow = ({ data, active }) => { - return ( - - ); - }; } -class Row extends React.Component { - constructor(props) { - super(props); - - this._active = new Animated.Value(0); - - this._style = { - ...Platform.select({ - ios: { - transform: [ - { - scale: this._active.interpolate({ - inputRange: [0, 1], - outputRange: [1, 1.1], - }), - }, - ], - shadowRadius: this._active.interpolate({ - inputRange: [0, 1], - outputRange: [2, 10], - }), - }, - - android: { - transform: [ - { - scale: this._active.interpolate({ - inputRange: [0, 1], - outputRange: [1, 1.07], - }), - }, - ], - elevation: this._active.interpolate({ - inputRange: [0, 1], - outputRange: [2, 6], - }), - }, - }), - }; - } - - UNSAFE_componentWillReceiveProps(nextProps) { - if (this.props.active !== nextProps.active) { - Animated.timing(this._active, { - duration: 300, - easing: Easing.bounce, - toValue: Number(nextProps.active), - }).start(); - } - } - - render() { - const { data, active, nightMode, transliteration, fontFace } = this.props; - - return ( - - {data.folder && ( - - )} - - - {transliteration ? data.translit : data.gurmukhi} - - - ); - } -} - -const styles = StyleSheet.create({ - container: { - flex: 1, - justifyContent: "center", - alignItems: "center", - backgroundColor: "#eee", - - ...Platform.select({ - ios: { - paddingTop: 0, - }, - }), - }, - - list: { - flex: 1, - }, - - contentContainer: { - width: window.width, - }, - - row: { - flexDirection: "row", - alignItems: "center", - backgroundColor: "#fff", - padding: 16, - height: 80, - flex: 1, - marginTop: 4, - marginBottom: 4, - borderRadius: 4, - - ...Platform.select({ - ios: { - shadowColor: "rgba(0,0,0,0.2)", - shadowOpacity: 1, - shadowOffset: { height: 2, width: 2 }, - shadowRadius: 2, - }, - - android: { - elevation: 0, - marginHorizontal: 30, - }, - }), - }, - - image: { - width: 50, - height: 50, - marginRight: 20, - }, -}); +EditBaniOrder.propTypes = { + nightMode: PropTypes.bool.isRequired, + transliteration: PropTypes.string.isRequired, + fontFace: PropTypes.string.isRequired, + navigation: PropTypes.func.isRequired, + setBaniOrder: PropTypes.func.isRequired, + mergedBaniData: PropTypes.shape({ + baniOrder: PropTypes.arrayOf( + PropTypes.shape({ + gurmukhi: PropTypes.string, + id: PropTypes.number, + translit: PropTypes.string, + }) + ), + }).isRequired, + baniOrder: PropTypes.arrayOf(PropTypes.number).isRequired, +}; function mapStateToProps(state) { return { @@ -257,7 +146,4 @@ function mapDispatchToProps(dispatch) { return bindActionCreators(actions, dispatch); } -export default connect( - mapStateToProps, - mapDispatchToProps -)(EditBaniOrder); +export default connect(mapStateToProps, mapDispatchToProps)(EditBaniOrder); diff --git a/screens/Home.js b/screens/Home.js index 1befb4c2..5895e627 100644 --- a/screens/Home.js +++ b/screens/Home.js @@ -5,7 +5,7 @@ import KeepAwake from "react-native-keep-awake"; import { SafeAreaView, View, Text, StatusBar, Platform } from "react-native"; import { Header } from "react-native-elements"; import Icon from "react-native-vector-icons/MaterialIcons"; -import PropTypes from 'prop-types'; +import PropTypes from "prop-types"; import VersionNumber from "react-native-version-number"; // import messaging from '@react-native-firebase/messaging'; import Sound from "react-native-sound"; @@ -18,6 +18,7 @@ import * as actions from "../actions/actions"; import BaniList from "../components/BaniList"; import BaniLengthSelector from "../components/BaniLengthSelector"; import Strings from "../utils/localization"; +import CONSTANT from "../utils/constant"; class Home extends React.Component { static navigationOptions = { header: null }; @@ -32,14 +33,27 @@ class Home extends React.Component { }; // Enable playback in silence mode - Sound.setCategory("Ambient", true); // true = mixWithOthers + Sound.setCategory(CONSTANT.AMBIENT, true); // true = mixWithOthers } async componentDidMount() { await this.loadBaniList(); let showBaniLengthSelector = false; - const {appVersion,setAppVersion,baniLength,language, - fontFace,setFontFace,screenAwake,autoScroll,statusBar,statistics,reminderSound,reminderBanis,reminders}=this.props + const { + appVersion, + setAppVersion, + baniLength, + language, + fontFace, + setFontFace, + screenAwake, + autoScroll, + statusBar, + statistics, + reminderSound, + reminderBanis, + reminders, + } = this.props; if (appVersion !== VersionNumber.appVersion) { if (appVersion === "") { // Is first install @@ -51,37 +65,38 @@ class Home extends React.Component { this.setState({ showLengthSelector: true }); } - if (language !== "DEFAULT") { + if (language !== CONSTANT.DEFAULT) { Strings.setLanguage(language); } - if(!fontFace || fontFace === "GurbaniAkharSG"){ - setFontFace("GurbaniAkharTrue"); + if (!fontFace || fontFace === CONSTANT.GURBANI_AKHAR_SG) { + setFontFace(CONSTANT.GURBANI_AKHAR_TRUE); } this.changeKeepAwake(screenAwake || autoScroll); this.changeStatusBar(statusBar); AnalyticsManager.getInstance().allowTracking(statistics); - NotificationsManager.getInstance().updateReminders( - reminders, - reminderSound, - reminderBanis - ); - AnalyticsManager.getInstance().trackScreenView( - "Home Screen", - this.constructor.name - ); + NotificationsManager.getInstance().updateReminders(reminders, reminderSound, reminderBanis); + AnalyticsManager.getInstance().trackScreenView(CONSTANT.HOME_SCREEN, this.constructor.name); NotificationsManager.getInstance().removeAllDeliveredNotifications(); } componentDidUpdate(prevProps) { - const {baniOrder,transliterationLanguage,screenAwake,autoScroll,statusBar,statistics,reminders,reminderBanis,reminderSound}=this.props + const { + baniOrder, + transliterationLanguage, + screenAwake, + autoScroll, + statusBar, + statistics, + reminders, + reminderBanis, + reminderSound, + } = this.props; if (prevProps.baniOrder !== baniOrder) { this.sortBani(); - } else if ( - prevProps.transliterationLanguage !== transliterationLanguage - ) { + } else if (prevProps.transliterationLanguage !== transliterationLanguage) { this.loadBaniList(); } else if (prevProps.screenAwake !== screenAwake) { this.changeKeepAwake(screenAwake); @@ -93,67 +108,54 @@ class Home extends React.Component { } } else if (prevProps.statusBar !== statusBar) { this.changeStatusBar(statusBar); - } else if (prevProps.statistics !==statistics) { + } else if (prevProps.statistics !== statistics) { AnalyticsManager.getInstance().allowTracking(statistics); } else if (prevProps.reminders !== reminders) { NotificationsManager.getInstance().checkPermissions(reminders); - NotificationsManager.getInstance().updateReminders( - reminders, - reminderSound, - reminderBanis - ); + NotificationsManager.getInstance().updateReminders(reminders, reminderSound, reminderBanis); } else if (prevProps.reminderSound !== reminderSound) { - NotificationsManager.getInstance().updateReminders( - reminders, - reminderSound, - reminderBanis - ); + NotificationsManager.getInstance().updateReminders(reminders, reminderSound, reminderBanis); if (actions.REMINDER_SOUNDS.indexOf(reminderSound) !== 0) { - const sound = new Sound( - reminderSound, - Sound.MAIN_BUNDLE, - (error) => { - if (error) { - return; - } - // loaded successfully - sound.play(() => { - sound.reset(); - }); + const sound = new Sound(reminderSound, Sound.MAIN_BUNDLE, (error) => { + if (error) { + return; } - ); + sound.play(() => { + sound.reset(); + }); + }); } } } handleOnPress(item, navigator) { if (!item.folder) { - const { setCurrentShabad} = this.props; + const { setCurrentShabad } = this.props; setCurrentShabad(item.id); - navigator.navigate('Reader', { + navigator.navigate(CONSTANT.READER, { key: `Reader-${item.id}`, params: { item }, }); } else { - navigator.navigate('FolderBani', { + navigator.navigate(CONSTANT.FOLDER_BANI, { key: `Folder-${item.roman}`, params: { data: item.folder, title: item.gurmukhi }, }); } } - changeKeepAwake=(shouldBeAwake)=> { + changeKeepAwake = (shouldBeAwake) => { if (shouldBeAwake) { KeepAwake.activate(); } else { KeepAwake.deactivate(); } - } + }; - changeStatusBar=(shouldBeHidden)=> { + changeStatusBar = (shouldBeHidden) => { StatusBar.setHidden(shouldBeHidden); - } + }; // handleNotificationEvent(notificationOpen) { // let key = notificationOpen.notification.data["key"]; @@ -169,15 +171,12 @@ class Home extends React.Component { // params: { item: item }, // }); // } - + sortBani() { - const {mergedBaniData,baniOrder}=this.props; - + const { mergedBaniData, baniOrder } = this.props; + this.setState({ - data: this.reorder( - mergedBaniData.baniOrder, - baniOrder - ), + data: this.reorder(mergedBaniData.baniOrder, baniOrder), }); } @@ -189,18 +188,18 @@ class Home extends React.Component { // } async loadBaniList() { - const {transliterationLanguage,setMergedBaniData}=this.props - const baniList=await Database.getBaniList(transliterationLanguage) - setMergedBaniData(mergedBaniList(baniList)); - this.sortBani(); - this.setState({ - isLoading: false, - }); + const { transliterationLanguage, setMergedBaniData } = this.props; + const baniList = await Database.getBaniList(transliterationLanguage); + setMergedBaniData(mergedBaniList(baniList)); + this.sortBani(); + this.setState({ + isLoading: false, + }); } reorder(arr, index) { - const ordered = [] - const newIndex = [] + const ordered = []; + const newIndex = []; // eslint-disable-next-line no-plusplus for (let i = 0; i < index.length; i++) { if (arr[index[i]]) { @@ -209,72 +208,74 @@ class Home extends React.Component { } } if (newIndex.length !== index.length) { - const {baniOrder}=this.props + const { baniOrder } = this.props; baniOrder.setBaniOrder(newIndex); } return ordered; } render() { - const {showLengthSelector,data,isLoading}=this.state; - const {navigation,nightMode,fontSize,fontFace,transliteration}=this.props + const { showLengthSelector, data, isLoading } = this.state; + const { navigation, nightMode, fontSize, fontFace, transliteration } = this.props; return ( - + flex: 1, + backgroundColor: GLOBAL.COLOR.TOOLBAR_COLOR, + }} + > {showLengthSelector && } - +
+ }} + > + ]} + > {Strings.fateh} - + }} + > + ]} + > + ]} + > Œ {" "} {Strings.sg_title}{" "} @@ -283,7 +284,8 @@ class Home extends React.Component { { fontSize: 32, }, - ]}> + ]} + > ‰ @@ -297,9 +299,7 @@ class Home extends React.Component { }} color={GLOBAL.COLOR.TOOLBAR_TINT} size={30} - onPress={() => - navigation.navigate('Settings') - } + onPress={() => navigation.navigate(CONSTANT.SETTINGS)} /> + {data.folder && } + + + {transliteration ? data.translit : data.gurmukhi} + + + ); + } +} + +Row.propTypes = { + data: PropTypes.shape().isRequired, + nightMode: PropTypes.bool.isRequired, + transliteration: PropTypes.string.isRequired, + fontFace: PropTypes.string.isRequired, + active: PropTypes.string.isRequired, +}; diff --git a/utils/constant.js b/utils/constant.js index 304418db..4d46bd5a 100644 --- a/utils/constant.js +++ b/utils/constant.js @@ -1,7 +1,21 @@ export default { + ABOUT: "About", + INDEX_REORDER: "Index Reorder", + ANDROID: "android", + KHALIS_FOUNDATION_URL: "https://khalisfoundation.org", + BANI_DB_URL: "https://www.banidb.com/", + MEDIUM: "MEDIUM", + READER: "Reader", + FOLDER_BANI: "FolderBani", + AMBIENT: "Ambient", + DEFAULT: "DEFAULT", + GURBANI_AKHAR_SG: "GurbaniAkharSG", + GURBANI_AKHAR_TRUE: "GurbaniAkharTrue", + HOME_SCREEN: "Home Screen", + GURBANI_AKHAR_HEAVY_TRUE: "GurbaniAkharHeavyTrue", + SETTINGS: "Settings", EXTRA_LONG: "EXTRA_LONG", LONG: "LONG", - MEDIUM: "MEDIUM", SHORT: "SHORT", EXISTS_BUDDHA_DAL: "existsBuddhaDal", EXISTS_TAKSAL: "existsTaksal", diff --git a/utils/globals.js b/utils/globals.js index a643c69b..69fe8ae1 100644 --- a/utils/globals.js +++ b/utils/globals.js @@ -31,6 +31,13 @@ export default { COMPONENT_COLOR: "#232323", VISHRAM_SHORT: "#ffc500", VISHRAM_LONG: "#ff4500", + WHITE_COLOR: "#fff", + NIGHT_BLACK: "#000", + UNDERLAY_COLOR: "#009bff", + BANI_ORDER_BACK_COLOR: "eee", + IOS_SHADOW_COLOR: "rgba(0,0,0,0.2)", + LIGHT_MODE_COLOR: "#222222", + VIEW_BACK_COLOR: "#464646", VISHRAM_BASIC: "#c0392b", }, };