Release 2020-09-15

.circleci/config.yml

@@ -230,14 +230,15 @@ workflows:
           filters:
             branches:
               only:
-                - milestone-20200917
+                - milestone-20200924
                 - develop
       # This is alternate dev env for parallel testing
       - "build-test":
           context : org-global      
           filters:
             branches:
               only:                
+                - hot-fix-ad-code
                 - feature-contentful
       # This is alternate dev env for parallel testing
       - "build-qa":

__tests__/shared/__snapshots__/index.jsx.snap

@@ -19,6 +19,10 @@ exports[`Snapshot match 1`] = `
       href="/challenges/manifest.json"
       rel="manifest"
     />
+    <script
+      async={true}
+      src="https://43d132d5dbff47c59d9d53ad448f93c2.js.ubembed.com"
+    />
   </HelmetWrapper>
   <withRouter(Connect(Routes)) />
   <Connect(ErrorMessageContainer) />
@@ -53,6 +57,10 @@ exports[`Snapshot match 2`] = `
       href="/challenges/manifest.json"
       rel="manifest"
     />
+    <script
+      async={true}
+      src="https://43d132d5dbff47c59d9d53ad448f93c2.js.ubembed.com"
+    />
   </HelmetWrapper>
   <withRouter(Connect(Routes)) />
   <Connect(ErrorMessageContainer) />

__tests__/shared/components/ChallengeTile/__snapshots__/index.jsx.snap

@@ -202,12 +202,15 @@ exports[`renders marathon 1`] = `
       className="src-shared-components-ChallengeTile-___style__completed-challenge___3w5tT"
     >
       <header>
-        <a
+        <Link
           className="src-shared-components-ChallengeTile-___style__name___1jF7j"
-          href="https://community.topcoder.com/longcontest/stats/?module=ViewOverview&rd=17153"
+          replace={false}
+          to="/challenges/15404"
         >
-          2018 TCO Marathon
-        </a>
+          <span>
+            2018 TCO Marathon
+          </span>
+        </Link>
         <p
           className="src-shared-components-ChallengeTile-___style__subtrack-color___2AJaw"
         >

__tests__/shared/components/Header/__snapshots__/index.jsx.snap

@@ -118,6 +118,7 @@ exports[`Default render 1`] = `
                 },
                 Object {
                   "href": "https://www.topcoder-dev.com/blog",
+                  "openNewTab": true,
                   "title": "Blog",
                 },
                 Object {

__tests__/shared/components/ProfilePage/__snapshots__/index.jsx.snap

@@ -58,7 +58,7 @@ exports[`renders a full Profile correctly 1`] = `
               }
               onShowBadges={[Function]}
               showBadgesButton={true}
-              wins={3}
+              wins={0}
             />
           </div>
         </Sticky>

config/default.js

@@ -160,6 +160,7 @@ module.exports = {
     COMMUNITY_API: 'http://localhost:8000',
     COMMUNITY_APP_GITHUB_ISSUES: 'https://github.com/topcoder-platform/community-app/issues',
     EMAIL_VERIFY_URL: 'http://www.topcoder-dev.com/settings/account/changeEmail',
+    ABANDONMENT_EMBED: 'https://43d132d5dbff47c59d9d53ad448f93c2.js.ubembed.com',
   },
 
   /* Information about Topcoder user groups can be cached in various places.
@@ -370,6 +371,7 @@ module.exports = {
             {
               title: 'Blog',
               href: 'https://www.topcoder-dev.com/blog',
+              openNewTab: true,
             },
             {
               title: 'Thrive',

config/production.js

@@ -171,6 +171,7 @@ module.exports = {
             {
               title: 'Blog',
               href: 'https://www.topcoder.com/blog',
+              openNewTab: true,
             },
             {
               title: 'Thrive',

package.json

@@ -137,8 +137,8 @@
     "tc-accounts": "git+https://github.com/appirio-tech/accounts-app.git#dev",
     "tc-core-library-js": "github:appirio-tech/tc-core-library-js#v2.6.3",
     "tc-ui": "^1.0.12",
-    "topcoder-react-lib": "1.0.4",
-    "topcoder-react-ui-kit": "2.0.0",
+    "topcoder-react-lib": "1.0.5",
+    "topcoder-react-ui-kit": "2.0.1",
     "topcoder-react-utils": "0.7.8",
     "turndown": "^4.0.2",
     "url-parse": "^1.4.1",

src/shared/app.jsx

@@ -11,7 +11,7 @@ import Routes from 'routes';
 import ErrorMessage from 'containers/ErrorMessage';
 import ErrorIcons from 'containers/ErrorIcons';
 
-import { DevTools, isomorphy } from 'topcoder-react-utils';
+import { DevTools, isomorphy, config } from 'topcoder-react-utils';
 
 import ExtendedReduxToastr from 'containers/toastr';
 
@@ -37,6 +37,7 @@ export default function App() {
       <Helmet htmlAttributes={{ lang: 'en' }}>
         <meta name="theme-color" content="#FFFFFF" />
         <link rel="manifest" href="/challenges/manifest.json" />
+        <script src={config.URL.ABANDONMENT_EMBED} async />
       </Helmet>
       <Routes />
       <ErrorMessage />

src/shared/components/ChallengeTile/index.jsx

@@ -2,7 +2,6 @@
  * Challenge tile.
  */
 /* eslint-env browser */
-import _ from 'lodash';
 import React from 'react';
 import PT from 'prop-types';
 import { Link } from 'react-router-dom';
@@ -83,36 +82,27 @@ class ChallengeTile extends React.Component {
       margin: '10px 5px',
     };
 
-    const isDataScience = track === COMPETITION_TRACKS.DATA_SCIENCE;
     const isDevelopment = track === COMPETITION_TRACKS.DEVELOP;
     const isDesign = track === COMPETITION_TRACKS.DESIGN;
 
-    const roundId = isDataScience ? _.get(challenge, 'rounds.0.id') : 0;
-
     return (
       <div styleName="challenge tile" style={extraStyle}>
         <div styleName={outStyleName}>
           <div styleName="completed-challenge">
             <header>
-              { !isDataScience && (!challenge.isPrivate
+              { !challenge.isPrivate
                 ? (
                   <Link to={`/challenges/${challenge.id}`} styleName="name">
                     <span>
                       { challenge.name }
                     </span>
                   </Link>
-                ) : (
+                )
+                : (
                   <span>
                     { challenge.name }
                   </span>
-                )) }
-
-              { isDataScience
-                && (
-                <a styleName="name" href={`https://community.topcoder.com/longcontest/stats/?module=ViewOverview&rd=${roundId}`}>
-                  { challenge.name }
-                </a>
-                ) }
+                )}
 
               <p styleName="subtrack-color">
                 {underscoreReplace(type)}

src/shared/components/Contentful/Article/Article.jsx

@@ -15,7 +15,10 @@ import LoadingIndicator from 'components/LoadingIndicator';
 import YouTubeVideo from 'components/YouTubeVideo';
 import moment from 'moment';
 import localStorage from 'localStorage';
-import { config, Link, isomorphy } from 'topcoder-react-utils';
+import { Helmet } from 'react-helmet';
+import {
+  config, Link, isomorphy,
+} from 'topcoder-react-utils';
 import qs from 'qs';
 // SVGs and assets
 import GestureIcon from 'assets/images/icon-gesture.svg';
@@ -110,9 +113,27 @@ export default class Article extends React.Component {
     if (isomorphy.isClientSide()) {
       shareUrl = encodeURIComponent(window.location.href);
     }
+    const description = htmlToText.fromString(
+      ReactDOMServer.renderToString(markdown(fields.content)),
+      {
+        ignoreHref: true,
+        ignoreImage: true,
+        singleNewLineParagraphs: true,
+        uppercaseHeadings: false,
+      },
+    ).substring(0, CONTENT_PREVIEW_LENGTH);
 
     return (
       <React.Fragment>
+        <Helmet>
+          <title>{fields.title}</title>
+          <meta name="title" property="og:title" content={fields.title} />
+          <meta name="description" property="og:description" content={description} />
+          <meta name="description" property="description" content={description} />
+          <meta name="twitter:description" content={description} />
+          <meta name="image" property="og:image" content={fields.featuredImage ? `https:${subData.assets.items[fields.featuredImage.sys.id].fields.file.url}` : null} />
+          <meta name="twitter:image" content={fields.featuredImage ? `https:${subData.assets.items[fields.featuredImage.sys.id].fields.file.url}` : null} />
+        </Helmet>
         {/* Banner */}
         {
           fields.featuredImage ? (

src/shared/components/Contentful/SearchBar/SearchBar.jsx

@@ -56,6 +56,7 @@ export class SearchBarInner extends Component {
     this.getSuggestionList = this.getSuggestionList.bind(this);
     this.handleSearchChange = this.handleSearchChange.bind(this);
     this.handleClickOutside = this.handleClickOutside.bind(this);
+    this.onKeyDown = this.onKeyDown.bind(this);
     // using debounce to avoid processing or requesting too much
     this.updateSuggestionListWithNewSearch = _.debounce(
       this.updateSuggestionListWithNewSearch.bind(this), 400,
@@ -71,6 +72,29 @@ export class SearchBarInner extends Component {
     document.removeEventListener('mousedown', this.handleClickOutside);
   }
 
+  onKeyDown(e) {
+    const { inputlVal, selectedFilter } = this.state;
+    if (inputlVal && e.which === 13) {
+      const searchQuery = {};
+      if (this.searchFieldRef && this.searchFieldRef.value) {
+        if (selectedFilter.name === 'Tags') {
+          searchQuery.tags = [this.searchFieldRef.value];
+        }
+        if (selectedFilter.name === 'All') {
+          searchQuery.phrase = this.searchFieldRef.value;
+        }
+        if (selectedFilter.name === 'Title') {
+          searchQuery.title = this.searchFieldRef.value;
+        }
+      }
+      if (selectedFilter.name !== 'Author') {
+        window.location.href = `${config.TC_EDU_BASE_PATH}${config.TC_EDU_SEARCH_PATH}?${qs.stringify(searchQuery)}`;
+      } else {
+        window.location.href = `${config.TC_EDU_BASE_PATH}${config.TC_EDU_SEARCH_PATH}?author=${inputlVal}`;
+      }
+    }
+  }
+
   /**
    * Set the search field ref
    */
@@ -136,6 +160,7 @@ export class SearchBarInner extends Component {
       isShowSuggestion,
       suggestionList,
       selectedFilter,
+      noResults,
     } = this.state;
 
     const searchQuery = {};
@@ -151,7 +176,8 @@ export class SearchBarInner extends Component {
       }
     }
 
-    return (suggestionList && !_.isEmpty(suggestionList) && isShowSuggestion && (
+    // eslint-disable-next-line no-nested-ternary
+    return suggestionList && !_.isEmpty(suggestionList) && isShowSuggestion ? (
       <div
         className={theme['popup-search-result']}
         ref={this.setPopupSearchResultRef}
@@ -319,7 +345,14 @@ export class SearchBarInner extends Component {
           ) : null
         }
       </div>
-    ));
+    ) : noResults ? (
+      <div
+        className={theme['popup-search-result']}
+        ref={this.setPopupSearchResultRef}
+      >
+        <span>No Results</span>
+      </div>
+    ) : null;
   }
 
   handleClickOutside(e) {
@@ -379,23 +412,26 @@ export class SearchBarInner extends Component {
         .then((results) => {
           // Nothing found?
           if (!results.total) {
-            this.setState({ suggestionList: {} });
+            this.setState({
+              suggestionList: {},
+              noResults: true,
+            });
             return;
           }
           // Author query?
           if (selectedFilter.name === 'Author') {
             const suggestionList = {
               Author: _.map(results.items, item => ({ ...item.fields })),
             };
-            this.setState({ suggestionList });
+            this.setState({ suggestionList, noResults: false });
             return;
           }
           // ALL && Tags
           const suggestionList = this.groupResults(results);
           this.setState({ suggestionList });
         });
     } else {
-      this.setState({ suggestionList: {} });
+      this.setState({ suggestionList: {}, noResults: false });
     }
   }
 
@@ -419,6 +455,7 @@ export class SearchBarInner extends Component {
           contentAuthor: contentAuthor.fields,
           externalArticle: fields.externalArticle,
           contentUrl: fields.contentUrl,
+          slug: fields.slug,
         };
       }),
       'type',
@@ -471,6 +508,7 @@ export class SearchBarInner extends Component {
               document.addEventListener('mousedown', this.handleClickOutside);
             }}
             onChange={this.handleSearchChange}
+            onKeyDown={this.onKeyDown}
           />
           <div className={theme.dropdown}>
             <button

src/shared/components/Contentful/SearchBar/themes/default.scss

@@ -156,6 +156,10 @@ $link-color: #0d61bf;
   overflow-y: auto;
   box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15);
   z-index: 999;
+
+  > span {
+    margin-left: 15px;
+  }
 }
 
 .icon-search {