revert : Added displayUsername and username update functionality

removes implemenation from #35699
This reverts commit e154f38118.

api-server/common/models/user.js

@@ -127,9 +127,6 @@ function nextTick(fn) {
 const getRandomNumber = () => Math.random();
 
 function populateRequiredFields(user) {
-  // by default, the displayUsername will have
-  // the same value as the username
-  user.displayUsername = user.username;
   user.username = user.username.trim().toLowerCase();
   user.email =
     typeof user.email === 'string'
@@ -350,7 +347,6 @@ export default function(User) {
     if (!username && (!email || !isEmail(email))) {
       return Promise.resolve(false);
     }
-    username = username.toLowerCase();
     log('checking existence');
 
     // check to see if username is on blacklist
@@ -399,7 +395,6 @@ export default function(User) {
         cb(null, {});
       });
     }
-    username = username.toLowerCase();
     return User.findOne({ where: { username } }, (err, user) => {
       if (err) {
         return cb(err);
@@ -729,13 +724,13 @@ export default function(User) {
 
   User.prototype.updateMyUsername = function updateMyUsername(newUsername) {
     return Observable.defer(() => {
-      const isOwnUsername = isTheSame(newUsername.toLowerCase(), this.username);
+      const isOwnUsername = isTheSame(newUsername, this.username);
       if (isOwnUsername) {
         return Observable.of(dedent`
           ${newUsername} is already associated with this account.
           `);
       }
-      return Observable.fromPromise(User.doesExist(newUsername.toLowerCase()));
+      return Observable.fromPromise(User.doesExist(newUsername));
     }).flatMap(boolOrMessage => {
       if (typeof boolOrMessage === 'string') {
         return Observable.of(boolOrMessage);
@@ -746,20 +741,14 @@ export default function(User) {
         `);
       }
 
-      const usernameUpdate = new Promise((resolve, reject) => {
+      const usernameUpdate = new Promise((resolve, reject) =>
-        this.updateAttributes(
+        this.updateAttribute('username', newUsername, err => {
-          {
-            username: newUsername.toLowerCase(),
-            displayUsername: newUsername
-          },
-          err => {
           if (err) {
             return reject(err);
           }
           return resolve();
-          }
+        })
       );
-      });
 
       return Observable.fromPromise(usernameUpdate).map(
         () => dedent`

api-server/common/models/user.json

@@ -74,10 +74,6 @@
       },
       "require": true
     },
-    "displayUsername": {
-      "type": "string",
-      "default":""
-    },
     "about": {
       "type": "string",
       "default": ""

api-server/server/boot/settings.js

@@ -194,7 +194,7 @@ function createUpdateMyUsername(app) {
       user,
       body: { username }
     } = req;
-    if (username.toLowerCase() === user.username) {
+    if (username === user.username) {
       return res.json({
         type: 'info',
         message: 'Username is already associated with this account'
@@ -209,7 +209,7 @@ function createUpdateMyUsername(app) {
       });
     }
 
-    const exists = await User.doesExist(username.toLowerCase());
+    const exists = await User.doesExist(username);
 
     if (exists) {
       return res.json({
@@ -218,9 +218,7 @@ function createUpdateMyUsername(app) {
       });
     }
 
-    return user.updateAttributes(
+    return user.updateAttribute('username', username, err => {
-      { username: username.toLowerCase(), displayUsername: username },
-      err => {
       if (err) {
         res.status(500).json(standardErrorMessage);
         return next(err);
@@ -229,8 +227,7 @@ function createUpdateMyUsername(app) {
         type: 'success',
         message: `We have updated your username to ${username}`
       });
-      }
+    });
-    );
   };
 }
 

api-server/server/utils/auth.js

@@ -37,7 +37,6 @@ function createProfileAttributesFromGithub(profile) {
   return {
     name,
     username: username.toLowerCase(),
-    displayUsername: username,
     location,
     bio,
     website,

api-server/server/utils/publicUserProps.js

@@ -11,7 +11,6 @@ export const publicUserProps = [
   'about',
   'calendar',
   'completedChallenges',
-  'displayUsername',
   'githubProfile',
   'isApisMicroservicesCert',
   'isBackEndCert',

client/src/client-only-routes/ShowProfileOrFourOhFour.js

@@ -22,7 +22,6 @@ const propTypes = {
   navigate: PropTypes.func.isRequired,
   requestedUser: PropTypes.shape({
     username: PropTypes.string,
-    displayUsername: PropTypes.string,
     profileUI: PropTypes.object
   }),
   showLoading: PropTypes.bool

client/src/client-only-routes/ShowSettings.js

@@ -48,7 +48,6 @@ const propTypes = {
         files: PropTypes.array
       })
     ),
-    displayUsername: PropTypes.string,
     email: PropTypes.string,
     githubProfile: PropTypes.string,
     is2018DataVisCert: PropTypes.bool,
@@ -122,7 +121,6 @@ export function ShowSettings(props) {
     toggleNightMode,
     user: {
       completedChallenges,
-      displayUsername,
       email,
       is2018DataVisCert,
       isApisMicroservicesCert,
@@ -193,12 +191,9 @@ export function ShowSettings(props) {
             </Button>
           </FullWidthRow>
           <Spacer />
-          <h1
+          <h1 className='text-center' style={{ overflowWrap: 'break-word' }}>
-            className='text-center'
+            {`Account Settings for ${username}`}
-            style={{ overflowWrap: 'break-word' }}
+          </h1>
-          >{`Account Settings for ${
-            displayUsername ? displayUsername : username
-          }`}</h1>
           <About
             about={about}
             currentTheme={theme}
@@ -208,7 +203,7 @@ export function ShowSettings(props) {
             points={points}
             submitNewAbout={submitNewAbout}
             toggleNightMode={toggleNightMode}
-            username={displayUsername ? displayUsername : username}
+            username={username}
           />
           <Spacer />
           <Privacy />

client/src/components/profile/Profile.js

@@ -27,7 +27,6 @@ const propTypes = {
       showPortfolio: PropTypes.bool,
       showTimeLine: PropTypes.bool
     }),
-    displayUsername: PropTypes.string,
     calendar: PropTypes.object,
     streak: PropTypes.shape({
       current: PropTypes.number,
@@ -122,15 +121,13 @@ function renderProfile(user) {
     picture,
     portfolio,
     about,
-    yearsTopContributor,
+    yearsTopContributor
-    displayUsername
   } = user;
 
   return (
     <Fragment>
       <Camper
         about={showAbout ? about : null}
-        displayUsername={displayUsername}
         githubProfile={githubProfile}
         isGithub={isGithub}
         isLinkedIn={isLinkedIn}
@@ -150,11 +147,7 @@ function renderProfile(user) {
       {showCerts ? <Certifications username={username} /> : null}
       {showPortfolio ? <Portfolio portfolio={portfolio} /> : null}
       {showTimeLine ? (
-        <Timeline
+        <Timeline completedMap={completedChallenges} username={username} />
-          completedMap={completedChallenges}
-          displayUsername={displayUsername}
-          username={username}
-        />
       ) : null}
       <Spacer />
     </Fragment>

client/src/components/profile/components/Camper.js

@@ -11,7 +11,6 @@ import './camper.css';
 
 const propTypes = {
   about: PropTypes.string,
-  displayUsername: PropTypes.string,
   githubProfile: PropTypes.string,
   isGithub: PropTypes.bool,
   isLinkedIn: PropTypes.bool,
@@ -49,7 +48,6 @@ function joinArray(array) {
 function Camper({
   name,
   username,
-  displayUsername,
   location,
   points,
   picture,
@@ -76,7 +74,7 @@ function Camper({
     />
   ) : (
     <Image
-      alt={displayUsername ? displayUsername : username + "'s avatar"}
+      alt={username + "'s avatar"}
       className='avatar'
       responsive={true}
       src={picture}
@@ -101,9 +99,7 @@ function Camper({
         website={website}
       />
       <br />
-      <h2 className='text-center username'>
+      <h2 className='text-center username'>@{username}</h2>
-        @{displayUsername ? displayUsername : username}
-      </h2>
       {name && <p className='text-center name'>{name}</p>}
       {location && <p className='text-center location'>{location}</p>}
       {about && <p className='bio text-center'>{about}</p>}

client/src/components/profile/components/TimeLine.js

@@ -27,7 +27,6 @@ const propTypes = {
       )
     })
   ),
-  displayUsername: PropTypes.string,
   username: PropTypes.string
 };
 
@@ -131,7 +130,6 @@ class TimelineInner extends Component {
   render() {
     const {
       completedMap,
-      displayUsername,
       idToNameMap,
       username,
       sortedTimeline,
@@ -173,9 +171,9 @@ class TimelineInner extends Component {
           >
             <Modal.Header closeButton={true}>
               <Modal.Title id='contained-modal-title'>
-                {`${
+                {`${username}'s Solution to ${
-                  displayUsername ? displayUsername : username
+                  idToNameMap.get(id).challengeTitle
-                }'s Solution to ${idToNameMap.get(id).challengeTitle}`}
+                }`}
               </Modal.Title>
             </Modal.Header>
             <Modal.Body>

client/src/components/settings/Username.js

@@ -20,7 +20,6 @@ import FullWidthRow from '../helpers/FullWidthRow';
 import { isValidUsername } from '../../../../utils/validate';
 
 const propTypes = {
-  displayUsername: PropTypes.string,
   isValidUsername: PropTypes.bool,
   submitNewUsername: PropTypes.func.isRequired,
   username: PropTypes.string,
@@ -55,9 +54,6 @@ class UsernameSettings extends Component {
     this.state = {
       isFormPristine: true,
       formValue: props.username,
-      formDisplayValue: props.displayUsername
-        ? props.displayUsername
-        : props.username,
       characterValidation: { valid: false, error: null },
       submitClicked: false,
       isUserNew: tempUserRegex.test(props.username)
@@ -88,23 +84,21 @@ class UsernameSettings extends Component {
     e.preventDefault();
     const { submitNewUsername } = this.props;
     const {
-      formDisplayValue,
+      formValue,
       characterValidation: { valid }
     } = this.state;
 
     return this.setState({ submitClicked: true }, () =>
-      valid ? submitNewUsername(formDisplayValue) : null
+      valid ? submitNewUsername(formValue) : null
     );
   }
 
   handleChange(e) {
     e.preventDefault();
     const { username, validateUsername } = this.props;
-    const newDisplayUsernameValue = e.target.value;
+    const newValue = e.target.value.toLowerCase();
-    const newValue = newDisplayUsernameValue.toLowerCase();
     return this.setState(
       {
-        formDisplayValue: newDisplayUsernameValue,
         formValue: newValue,
         isFormPristine: username === newValue,
         characterValidation: this.validateFormInput(newValue),
@@ -166,7 +160,7 @@ class UsernameSettings extends Component {
   render() {
     const {
       isFormPristine,
-      formDisplayValue,
+      formValue,
       characterValidation: { valid, error },
       submitClicked
     } = this.state;
@@ -183,7 +177,7 @@ class UsernameSettings extends Component {
               <FormControl
                 name='username-settings'
                 onChange={this.handleChange}
-                value={formDisplayValue}
+                value={formValue}
               />
             </FormGroup>
           </FullWidthRow>

client/src/redux/fetch-user-saga.js

@@ -20,11 +20,7 @@ function* fetchSessionUser() {
     } = yield call(getSessionUser);
     const appUser = user[result] || {};
     yield put(
-      fetchUserComplete({
+      fetchUserComplete({ user: appUser, username: result, sessionMeta })
-        user: appUser,
-        username: result,
-        sessionMeta
-      })
     );
   } catch (e) {
     yield put(fetchUserError(e));

tools/scripts/seed/seedAuthUser.js

@@ -45,7 +45,6 @@ MongoClient.connect(MONGOHQ_URL, { useNewUrlParser: true }, function(
         isBanned: false,
         isCheater: false,
         username: 'developmentuser',
-        displayUsername: 'DevelopmentUser',
         about: '',
         name: 'Development User',
         location: '',