Implement #3852

Author: kkartunov

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

@@ -153,7 +153,11 @@ export class SearchBarInner extends Component {
                     key={`${item.title}-${item.content}-${item.featuredImage}`}
                     className={theme['group-cell']}
                   >
-                    <a className={theme.articleLink} href={`${config.TC_EDU_BASE_PATH}${config.TC_EDU_ARTICLES_PATH}/${item.title}`}>
+                    <a
+                      className={theme.articleLink}
+                      href={(item.externalArticle && item.contentUrl) ? item.contentUrl : `${config.TC_EDU_BASE_PATH}${config.TC_EDU_ARTICLES_PATH}/${item.title}`}
+                      target={(item.externalArticle && item.contentUrl) ? '_blank' : '_self'}
+                    >
                       {
                         item.featuredImage ? (
                           <img
@@ -189,7 +193,11 @@ export class SearchBarInner extends Component {
                     key={`${item.title}-${item.content}-${item.featuredImage}`}
                     className={theme['group-cell']}
                   >
-                    <a className={theme.articleLink} href={`${config.TC_EDU_BASE_PATH}${config.TC_EDU_ARTICLES_PATH}/${item.title}`}>
+                    <a
+                      className={theme.articleLink}
+                      href={(item.externalArticle && item.contentUrl) ? item.contentUrl : `${config.TC_EDU_BASE_PATH}${config.TC_EDU_ARTICLES_PATH}/${item.title}`}
+                      target={(item.externalArticle && item.contentUrl) ? '_blank' : '_self'}
+                    >
                       {
                         item.featuredImage ? (
                           <div className={theme['cell-image']}>
@@ -227,7 +235,11 @@ export class SearchBarInner extends Component {
                     key={`${item.title}-${item.content}-${item.featuredImage}`}
                     className={theme['group-cell']}
                   >
-                    <a className={theme.forumLink} href={`${config.TC_EDU_BASE_PATH}${config.TC_EDU_ARTICLES_PATH}/${item.title}`}>
+                    <a
+                      className={theme.forumLink}
+                      href={(item.externalArticle && item.contentUrl) ? item.contentUrl : `${config.TC_EDU_BASE_PATH}${config.TC_EDU_ARTICLES_PATH}/${item.title}`}
+                      target={(item.externalArticle && item.contentUrl) ? '_blank' : '_self'}
+                    >
                       <span className={theme['cell-text']}>
                         {item.title}
                       </span>
@@ -360,6 +372,8 @@ export class SearchBarInner extends Component {
           featuredImage: featuredImage.fields.file.url,
           tags: fields.tags,
           contentAuthor: contentAuthor.fields,
+          externalArticle: fields.externalArticle,
+          contentUrl: fields.contentUrl,
         };
       }),
       'type',

src/shared/routes/Topcoder/Routes.jsx

@@ -17,7 +17,7 @@ import ReviewOpportunityDetails from 'routes/ReviewOpportunityDetails';
 import Submission from 'routes/Submission';
 import SubmissionManagement from 'routes/SubmissionManagement';
 import { Route, Switch } from 'react-router-dom';
-import { config } from 'topcoder-react-utils';
+import { config, isomorphy } from 'topcoder-react-utils';
 import ContentfulLoader from 'containers/ContentfulLoader';
 import LoadingIndicator from 'components/LoadingIndicator';
 import Article from 'components/Contentful/Article';
@@ -120,6 +120,11 @@ export default function Topcoder() {
                       render={(data) => {
                         if (_.isEmpty(data.entries.items)) return <Error404 />;
                         const id = data.entries.matches[0].items[0];
+                        const { externalArticle, contentUrl } = data.entries.items[id].fields;
+                        if (externalArticle && contentUrl && isomorphy.isClientSide()) {
+                          window.location.href = contentUrl;
+                          return null;
+                        }
                         return (
                           <Article
                             id={id}