From c276e006ff3c3a7b767b02dbbdf170147ad843bd Mon Sep 17 00:00:00 2001
From: tomlum <tomlumperson@gmail.com>
Date: Wed, 12 Jul 2023 17:01:45 -0400
Subject: [PATCH] updates design and fixes redux issues

---
 src/redux/session.js                                   | 1 +
 src/views/bad-username-splash/bad-username-splash.jsx  | 5 ++++-
 src/views/bad-username-splash/bad-username-splash.scss | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/redux/session.js b/src/redux/session.js
index f7193d808..2986d19cc 100644
--- a/src/redux/session.js
+++ b/src/redux/session.js
@@ -158,6 +158,7 @@ module.exports.selectIsLoggedIn = state => !!get(state, ['session', 'session', '
 module.exports.selectUsername = state => get(state, ['session', 'session', 'user', 'username'], null);
 module.exports.selectToken = state => get(state, ['session', 'session', 'user', 'token'], null);
 module.exports.selectIsAdmin = state => get(state, ['session', 'session', 'permissions', 'admin'], false);
+module.exports.selectBannedUser = state => get(state, ['session', 'session', 'user'], false);
 module.exports.selectIsSocial = state => get(state, ['session', 'session', 'permissions', 'social'], false);
 module.exports.selectIsEducator = state => get(state, ['session', 'session', 'permissions', 'educator'], false);
 module.exports.selectProjectCommentsGloballyEnabled = state =>
diff --git a/src/views/bad-username-splash/bad-username-splash.jsx b/src/views/bad-username-splash/bad-username-splash.jsx
index 170c9a499..98c568e2b 100644
--- a/src/views/bad-username-splash/bad-username-splash.jsx
+++ b/src/views/bad-username-splash/bad-username-splash.jsx
@@ -148,10 +148,12 @@ const BannedSplash = ({hasSession, user, adminMessages, getAdminMessages}) => {
                                     nextButton={<FormattedMessage id="renameAccount.change" />}
                                 >
                                     <div>
+                                        <b>Create a new username</b>
                                         <FormikInput
                                             autoCapitalize="off"
                                             autoComplete="off"
                                             autoCorrect="off"
+                                            className={'join-flow-input mt5'}
                                             error={errors.newUsername}
                                             id="newUsername"
                                             name="newUsername"
@@ -187,11 +189,12 @@ const BannedSplash = ({hasSession, user, adminMessages, getAdminMessages}) => {
                                                 setFieldValue('canValidate', true).then(validateForm());
                                             }}
                                         />
+                                        <b>Password</b>
                                         <FormikInput
                                             autoCapitalize="off"
                                             autoComplete="off"
                                             autoCorrect="off"
-                                            className={'join-flow-input'}
+                                            className={'join-flow-input mt5'}
                                             id="password"
                                             name="password"
                                             placeholder={'Enter your password'}
diff --git a/src/views/bad-username-splash/bad-username-splash.scss b/src/views/bad-username-splash/bad-username-splash.scss
index b984aca74..f05402b60 100644
--- a/src/views/bad-username-splash/bad-username-splash.scss
+++ b/src/views/bad-username-splash/bad-username-splash.scss
@@ -122,4 +122,8 @@
 .join-flow-outer-content{
     border: solid 4px #818698;
     border-radius: 21px;
+}
+
+.mt5{
+    margin-top: 5px;
 }
\ No newline at end of file