Merge pull request #5827 from topcoder-platform/develop

Release v1.14.3 - [Bug Bash] Fixes I (#5826)

Author: luizrrodrigues

.circleci/config.yml

@@ -342,7 +342,7 @@ workflows:
           filters:
             branches:
               only:
-                - free
+                - develop
       # This is alternate dev env for parallel testing
       - "build-test":
           context : org-global      

__tests__/shared/components/Settings/Account/__snapshots__/index.jsx.snap

@@ -10,12 +10,6 @@ exports[`renders account setting page correctly 1`] = `
     <SideBar
       icons={
         Object {
-          "linked accounts": <LinkedAccountIcon
-            height="30"
-            viewBox="0 0 30 30"
-            width="30"
-            xmlns="http://www.w3.org/2000/svg"
-          />,
           "my account": <MyAccountIcon
             height="30"
             viewBox="0 0 30 30"
@@ -27,7 +21,6 @@ exports[`renders account setting page correctly 1`] = `
       names={
         Array [
           "my account",
-          "linked account",
         ]
       }
     />

__tests__/shared/components/Settings/Account/index.jsx

@@ -12,7 +12,7 @@ const settingsUI = {
   TABS: {
     ACCOUNT: {
       MYACCOUNT: 'my account',
-      LINKEDACCOUNT: 'linked account',
+      // LINKEDACCOUNT: 'linked account',
     },
   },
 };

src/shared/components/Settings/Account/LinkedAccount/AddWebLink.jsx

@@ -13,6 +13,7 @@ export default class AddWebLink extends React.Component {
     super(props);
     this.state = {
       webLink: '',
+      webLinkEmpty: false,
     };
 
     this.onUpdateWebLink = this.onUpdateWebLink.bind(this);
@@ -32,6 +33,11 @@ export default class AddWebLink extends React.Component {
   // Set web link
   onUpdateWebLink(e) {
     e.preventDefault();
+    if (e.target.value) {
+      this.setState({
+        webLinkEmpty: false,
+      });
+    }
     this.setState({ webLink: e.target.value });
   }
 
@@ -62,6 +68,11 @@ export default class AddWebLink extends React.Component {
       tokenV3,
     } = this.props;
     const { webLink } = this.state;
+    if (!webLink) {
+      this.setState({
+        webLinkEmpty: true,
+      });
+    }
     if (webLink && this.isWebLinkValid() && !this.webLinkExist()) {
       addWebLink(handle, tokenV3, webLink);
     }
@@ -82,7 +93,7 @@ export default class AddWebLink extends React.Component {
   }
 
   render() {
-    const { webLink } = this.state;
+    const { webLink, webLinkEmpty } = this.state;
 
     const webLinkValid = this.isWebLinkValid();
     const webLinkExist = this.webLinkExist();
@@ -172,6 +183,15 @@ export default class AddWebLink extends React.Component {
                 onKeyDown={this.onAddWebLink}
                 required
               />
+              {
+                webLinkEmpty && (
+                <div styleName="form-input-error">
+                  <p>
+                    Please Enter External Link
+                  </p>
+                </div>
+                )
+              }
               {
                 !webLinkValid && !webLinkExist
                 && (

src/shared/components/Settings/Account/LinkedAccount/index.jsx

@@ -105,11 +105,13 @@ export default class LinkedAccount extends React.Component {
     if (!linkedAccounts.length) {
       const providers = _.omit(externalAccountsData, ['userId', 'updatedAt', 'createdAt', 'createdBy', 'updatedBy']);
 
-      _.forEach(_.keys(providers), (p) => {
-        if (providers[p]) {
-          linkedAccounts.push({ providerType: p });
-        }
-      });
+      if (_.keys(_.omitBy(providers, _.isNil)).length > 1) {
+        _.forEach(_.keys(providers), (p) => {
+          if (providers[p]) {
+            linkedAccounts.push({ providerType: p });
+          }
+        });
+      }
     }
     _.forEach(linkedAccounts, (linkedAccount) => {
       const providerType = linkedAccount.providerType || linkedAccount.provider;

src/shared/components/Settings/Account/index.jsx

@@ -8,12 +8,12 @@ import _ from 'lodash';
 
 import Accordion from 'components/Settings/Accordion';
 import MyAccountIcon from 'assets/images/account/sideicons/myaccount.svg';
-import LinkedAccountIcon from 'assets/images/account/sideicons/linkedaccount.svg';
+// import LinkedAccountIcon from 'assets/images/account/sideicons/linkedaccount.svg';
 import ErrorWrapper from 'components/Settings/ErrorWrapper';
 import SideBar from '../SideBar';
 import ComingSoon from '../ComingSoon';
 import MyAccount from './MyAccount';
-import LinkedAccount from './LinkedAccount';
+// import LinkedAccount from './LinkedAccount';
 import { SCREEN_SIZE } from '../constants';
 import './styles.scss';
 
@@ -74,14 +74,14 @@ export default class Account extends React.Component {
     const currentTab = this.tablink || settingsUI.currentAccountTab;
     const icons = {
       'my account': <MyAccountIcon />,
-      'linked accounts': <LinkedAccountIcon />,
+      // 'linked accounts': <LinkedAccountIcon />,
     };
     const renderTabContent = (tab) => {
       switch (tab) {
         case 'my account':
           return <MyAccount {...this.props} />;
-        case 'linked accounts':
-          return <LinkedAccount {...this.props} />;
+        // case 'linked accounts':
+        //   return <LinkedAccount {...this.props} />;
         default:
           return <ComingSoon />;
       }

src/shared/components/Settings/Profile/BasicInfo/index.jsx

@@ -255,6 +255,10 @@ export default class BasicInfo extends ConsentComponent {
       case 'streetAddr2':
         newBasicInfo.addresses[0][e.target.name] = e.target.value;
         break;
+      case 'firstName':
+      case 'lastName':
+        newBasicInfo[e.target.name] = e.target.value.replace(/[^a-zA-Z0-9,. -]/g, '');
+        break;
       default:
         newBasicInfo[e.target.name] = e.target.value;
     }

src/shared/components/Settings/Profile/Education/index.jsx

@@ -181,12 +181,10 @@ export default class Education extends ConsentComponent {
   }
 
   onUpdateDate(date, timePeriod) {
-    if (date) {
-      const { newEducation: oldEducation } = this.state;
-      const newEducation = { ...oldEducation };
-      newEducation[timePeriod] = date;
-      this.setState({ newEducation, isSubmit: false });
-    }
+    const { newEducation: oldEducation } = this.state;
+    const newEducation = { ...oldEducation };
+    newEducation[timePeriod] = date || '';
+    this.setState({ newEducation, isSubmit: false });
   }
 
   /**
@@ -530,6 +528,7 @@ export default class Education extends ConsentComponent {
                 <div styleName="field col-2">
                   <DatePicker
                     readOnly
+                    showClearDate
                     numberOfMonths={1}
                     isOutsideRange={moment().subtract(1, 'd')}
                     date={newEducation.timePeriodFrom}
@@ -559,6 +558,7 @@ export default class Education extends ConsentComponent {
                     newEducation.graduated ? (
                       <DatePicker
                         readOnly
+                        showClearDate
                         numberOfMonths={1}
                         isOutsideRange={moment().subtract(1, 'd')}
                         date={newEducation.timePeriodTo}
@@ -569,6 +569,7 @@ export default class Education extends ConsentComponent {
                     ) : (
                       <DatePicker
                         readOnly
+                        showClearDate
                         numberOfMonths={1}
                         date={newEducation.timePeriodTo}
                         id="date-to1"

src/shared/components/Settings/Profile/Education/styles.scss

@@ -13,6 +13,20 @@ $checkbox-bg-selected: $tc-dark-blue;
   flex-direction: column;
   align-items: left;
 
+  :global {
+    .SingleDatePickerInput {
+      &__showClearDate {
+        padding-right: 0;
+      }
+
+      &_clearDate {
+        padding: 8px 10px;
+        top: 20px;
+        background: transparent;
+      }
+    }
+  }
+
   @include upto-sm {
     padding-bottom: 0;
   }

src/shared/components/Settings/Profile/Hobby/index.jsx

@@ -137,6 +137,7 @@ export default class Hobby extends ConsentComponent {
     }
     this.setState({
       showConfirmation: false,
+      isEdit: false,
       indexNo: null,
       isSubmit: false,
     });