forked from Expensify/App
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into arrow-feature-signed
- Loading branch information
Showing
58 changed files
with
596 additions
and
474 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| /** | ||
| * Displays the user's local time and updates it every minute. | ||
| * The time auto-update logic is extracted to this component to avoid re-rendering a more complex component, e.g. DetailsPage. | ||
| */ | ||
| import {View} from 'react-native'; | ||
| import React, {PureComponent} from 'react'; | ||
| import PropTypes from 'prop-types'; | ||
| import styles from '../styles/styles'; | ||
| import DateUtils from '../libs/DateUtils'; | ||
| import withLocalize, {withLocalizePropTypes} from './withLocalize'; | ||
| import Text from './Text'; | ||
|
|
||
| const propTypes = { | ||
| /** Timezone of the user from their personal details */ | ||
| timezone: PropTypes.shape({ | ||
| /** Value of selected timezone */ | ||
| selected: PropTypes.string, | ||
|
|
||
| /** Whether timezone is automatically set */ | ||
| automatic: PropTypes.bool, | ||
| }).isRequired, | ||
| ...withLocalizePropTypes, | ||
| }; | ||
|
|
||
| class AutoUpdateTime extends PureComponent { | ||
| constructor(props) { | ||
| super(props); | ||
| this.getCurrentUserLocalTime = this.getCurrentUserLocalTime.bind(this); | ||
| this.updateCurrentTime = this.updateCurrentTime.bind(this); | ||
| this.getTimezoneName = this.getTimezoneName.bind(this); | ||
| this.state = { | ||
| currentUserLocalTime: this.getCurrentUserLocalTime(), | ||
| }; | ||
| } | ||
|
|
||
| componentDidMount() { | ||
| this.updateCurrentTime(); | ||
| } | ||
|
|
||
| componentDidUpdate() { | ||
| // Make sure the interval is up to date every time the component updates | ||
| this.updateCurrentTime(); | ||
| } | ||
|
|
||
| componentWillUnmount() { | ||
| clearTimeout(this.timer); | ||
| } | ||
|
|
||
| /** | ||
| * @returns {moment} Returns the locale moment object | ||
| */ | ||
| getCurrentUserLocalTime() { | ||
| return DateUtils.getLocalMomentFromDatetime( | ||
| this.props.preferredLocale, | ||
| null, | ||
| this.props.timezone.selected, | ||
| ); | ||
| } | ||
|
|
||
| /** | ||
| * @returns {string} Returns the timezone name in string, e.g.: GMT +07 | ||
| */ | ||
| getTimezoneName() { | ||
| // With non-GMT timezone, moment.zoneAbbr() will return the name of that timezone, so we can use it directly. | ||
| if (Number.isNaN(Number(this.state.currentUserLocalTime.zoneAbbr()))) { | ||
| return this.state.currentUserLocalTime.zoneAbbr(); | ||
| } | ||
|
|
||
| // With GMT timezone, moment.zoneAbbr() will return a number, so we need to display it as GMT {abbreviations} format, e.g.: GMT +07 | ||
| return `GMT ${this.state.currentUserLocalTime.zoneAbbr()}`; | ||
| } | ||
|
|
||
| /** | ||
| * Update the user's local time at the top of every minute | ||
| */ | ||
| updateCurrentTime() { | ||
| if (this.timer) { | ||
| clearTimeout(this.timer); | ||
| this.timer = null; | ||
| } | ||
| const millisecondsUntilNextMinute = (60 - this.state.currentUserLocalTime.seconds()) * 1000; | ||
| this.timer = setTimeout(() => { | ||
| this.setState({ | ||
| currentUserLocalTime: this.getCurrentUserLocalTime(), | ||
| }); | ||
| }, millisecondsUntilNextMinute); | ||
| } | ||
|
|
||
| render() { | ||
| return ( | ||
| <View style={[styles.mb6, styles.detailsPageSectionContainer]}> | ||
| <Text style={[styles.formLabel, styles.mb2]} numberOfLines={1}> | ||
| {this.props.translate('detailsPage.localTime')} | ||
| </Text> | ||
| <Text numberOfLines={1}> | ||
| {this.state.currentUserLocalTime.format('LT')} | ||
| {' '} | ||
| {this.getTimezoneName()} | ||
| </Text> | ||
| </View> | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| AutoUpdateTime.propTypes = propTypes; | ||
| export default withLocalize(AutoUpdateTime); |
Oops, something went wrong.