mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-03 23:07:26 +03:00
Code Issues Projects Releases Packages Wiki Activity

Used setState callback to ensure no race conditions occur

Browse source
This commit is contained in:
Alejandro Celaya 2018-08-01 18:32:21 +02:00
parent 0b15fba640
commit eef1946243
1 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/short-urls/ShortUrlVisits.js
View file

@ -22,11 +22,11 @@ const MutedMessage = ({ children }) =>
export class ShortUrlsVisits extends React.Component { export class ShortUrlsVisits extends React.Component {
state = { startDate: undefined, endDate: undefined }; state = { startDate: undefined, endDate: undefined };
loadVisits = (dates = {}) => { loadVisits = () => {
const { match: { params } } = this.props; const { match: { params } } = this.props;
this.props.getShortUrlVisits(params.shortCode, mapObjIndexed( this.props.getShortUrlVisits(params.shortCode, mapObjIndexed(
value => value && value.format ? value.format('YYYY-MM-DD') : value, value => value && value.format ? value.format('YYYY-MM-DD') : value,
{ ...this.state, ...dates } this.state
)) ))
}; };
@ -150,19 +150,13 @@ export class ShortUrlsVisits extends React.Component {
<DateInput <DateInput
selected={this.state.startDate} selected={this.state.startDate}
placeholderText="Since" placeholderText="Since"
onChange={date => { onChange={date => this.setState({ startDate: date }, () => this.loadVisits())}
this.setState({ startDate: date });
this.loadVisits({ startDate: date });
}}
className="short-url-visits__date-input" className="short-url-visits__date-input"
/> />
<DateInput <DateInput
selected={this.state.endDate} selected={this.state.endDate}
placeholderText="Until" placeholderText="Until"
onChange={date => { onChange={date => this.setState({ endDate: date }, () => this.loadVisits())}
this.setState({ endDate: date });
this.loadVisits({ endDate: date });
}}
className="short-url-visits__date-input" className="short-url-visits__date-input"
/> />
</form> </form>