diff --git a/src/client/components/ParticipantDetailsPage/ParticipantDetailsPage.jsx b/src/client/components/ParticipantDetailsPage/ParticipantDetailsPage.jsx index 0c346b05..ff7bd86d 100644 --- a/src/client/components/ParticipantDetailsPage/ParticipantDetailsPage.jsx +++ b/src/client/components/ParticipantDetailsPage/ParticipantDetailsPage.jsx @@ -1,6 +1,7 @@ import React from 'react'; import _ from 'lodash'; import moment from 'moment'; +import Spinner from 'react-spinner'; import { Row, Col, Panel, Button } from 'react-bootstrap'; import { Presence } from '../../components'; import { ParticipantDates } from './ParticipantDates'; @@ -223,7 +224,7 @@ export function getParticipantDetailsPage(participantStore, participantActions) ); } else { return ( -
+ ); } } diff --git a/src/client/stores/ParticipantStore.js b/src/client/stores/ParticipantStore.js index 8611ff27..22465f12 100644 --- a/src/client/stores/ParticipantStore.js +++ b/src/client/stores/ParticipantStore.js @@ -4,6 +4,7 @@ export function getParticipantStore(alt, ParticipantActions, RegistryUserActions this.resetAllData(); this.bindListeners({ + handleFetchParticipantById: ParticipantActions.FETCH_PARTICIPANT_BY_ID, handleUpdateParticipantById: ParticipantActions.UPDATE_PARTICIPANT_BY_ID, handleLoadParticipantList: ParticipantActions.LOAD_PARTICIPANT_LIST, handleParticipantListUpdated: ParticipantActions.PARTICIPANT_LIST_UPDATED, @@ -12,6 +13,10 @@ export function getParticipantStore(alt, ParticipantActions, RegistryUserActions }); } + handleFetchParticipantById() { + this.participantDetails = undefined; + } + handleUpdateParticipantById(participant) { this.participantDetails = participant; } @@ -40,7 +45,7 @@ export function getParticipantStore(alt, ParticipantActions, RegistryUserActions resetAllData() { this.participants = undefined; - this.participantDetails = {}; + this.participantDetails = undefined; this.participantCount = undefined; this.localGroups = [''];