+
+ );
+ }
+ return ;
+};
+
+BannedSplash.propTypes = {
+ user: PropTypes.shape({
+ username: PropTypes.string,
+ banned: PropTypes.bool,
+ token: PropTypes.string
+ }),
+ hasSession: PropTypes.bool,
+ adminMessages: PropTypes.arrayOf(PropTypes.shape({
+ id: PropTypes.number.isRequired,
+ datetimeCreated: PropTypes.string.isRequired,
+ message: PropTypes.string.isRequired
+ })),
+ getAdminMessages: PropTypes.func
+};
+
+const ConnectedBannedSplash = connect(
+ state => ({
+ user: selectUser(state),
+ hasSession: selectHasFetchedSession(state),
+ adminMessages: state.messages.messages &&
+ state.messages.messages.admin &&
+ state.messages.messages.admin.sort((a, b) =>
+ (b.id - a.id)
+ )
+ }),
+ dispatch => ({
+ getAdminMessages: (username, token) => {
+ dispatch(messageActions.getAdminMessages(
+ username, token, 0
+ ));
+ }
+ })
+)(BannedSplash);
+
+
+const WrappedBannedSplash = injectIntl(ConnectedBannedSplash);
+
+render(
+
+
+
+
+
+ 
+
+
+
+
+ {latestAdminMessage && latestAdminMessage.includes(PIIUsernameMessage) &&
+ (
+
+
+
)
+ }
+ {latestAdminMessage && latestAdminMessage.includes(BadUsernameMessage) &&
+ (
+
)
+ }
+
+
+ {({
+ errors,
+ handleSubmit,
+ isSubmitting,
+ setFieldError,
+ setFieldTouched,
+ setFieldValue,
+ validateForm
+ }) => (
+
+ )}
+
+
+
+ Create a new username
+ {
+ setFieldValue('newUsername', e.target.value.substring(0, 30));
+ setFieldValue('canValidate', false);
+ setFieldTouched('newUsername');
+ setFieldError('newUsername', null);
+ }}
+ />
+ {
+ setFieldValue('newUsernameConfirm', e.target.value.substring(0, 30));
+ setFieldTouched('newUsernameConfirm');
+ setFieldError('newUsernameConfirm', null);
+ setFieldValue('canValidate', false);
+ }}
+ onBlur={() => {
+ setFieldValue('canValidate', true).then(validateForm());
+ }}
+ />
+ Password
+ {
+ setFieldValue('password', e.target.value);
+ setFieldTouched('password');
+ setFieldError('password', null);
+ }}
+ />
+
+
+
+
+
+ {adminMessages.map(message => (
+
+
+ ))}
+
+ {new Date(message.datetime_created).toDateString()}
+
+ {/* eslint-disable-next-line react/no-danger */}
+
+