Init TCO21 #4467

Author: kkartunov

src/server/tc-communities/tco21/metadata.json

@@ -0,0 +1,20 @@
+{
+  "challengeFilter": {
+    "tags": ["TCO", "TCO21"]
+  },
+  "communityId": "tco21",
+  "communityName": "TCO21",
+  "groupIds": [],
+  "hideSearch": true,
+  "logos": [{
+    "img": "/community-app-assets/themes/tco/TCO21.svg",
+    "url": "https://tco21.topcoder.com"
+  }],
+  "menuItems": [{
+    "navigationMenu": "3UBKZJ0qMHAkqrobue73NB"
+  }],
+  "newsFeed": "http://www.topcoder.com/feed",
+  "subdomains": ["tco21"],
+  "description": "2021 Topcoder Open. The Ultimate Programming & Design Tournament",
+  "image": "tco21.jpg"
+}

src/shared/actions/contentful.js

@@ -181,12 +181,13 @@ async function getMenuDone(menuProps) {
                   cR2.fields.childRoutes,
                   cR3 => service.getEntry(cR3.sys.id).then(
                     async (c3) => {
-                      const sI3 = menuItemBuilder(url2, c3);
+                      const url3 = urlTarget(url2, cR2);
+                      const sI3 = menuItemBuilder(url3, c3);
                       if (c3.fields.childRoutes) {
                         sI3.subMenu = await Promise.all(_.map(
                           c3.fields.childRoutes,
                           cR4 => service.getEntry(cR4.sys.id).then(
-                            c4 => menuItemBuilder(urlTarget(url2, c3), c4),
+                            c4 => menuItemBuilder(url3, c4),
                           ),
                         ));
                       }

src/shared/containers/Contentful/MenuLoader/index.jsx

@@ -79,11 +79,6 @@ class MenuLoaderContainer extends React.Component {
       const { TopNav, LoginNav } = require('navigation-component');
       const logoToUse = !_.isEmpty(menuLogo) ? <img src={menuLogo.fields.file.url} alt="menu logo" /> : <Logo />;
       const menuTheme = fields.theme.split('- ');
-      const comboMenu = _.flatten(_.map(menu, menuItem => menuItem.subMenu));
-      // This is a hack fix that should be removed when possible!
-      // Its orifing is in the https://github.com/topcoder-platform/navigation-component module
-      // which breaks if there is NOT an menu item with id = `community`
-      comboMenu[0].id = 'community';
       let normalizedProfile = auth.profile && _.clone(auth.profile);
       if (auth.profile) {
         normalizedProfile.photoURL = (_.has(auth.profile, 'photoURL') && auth.profile.photoURL !== null)
@@ -94,7 +89,7 @@ class MenuLoaderContainer extends React.Component {
       return (
         <div>
           <TopNav
-            menu={comboMenu}
+            menu={menu}
             rightMenu={(
               <LoginNav
                 loggedIn={!_.isEmpty(auth.profile)}

src/shared/routes/Communities/Routes.jsx

@@ -37,6 +37,7 @@ import tco17 from './TCO17';
 import tco18 from './TCO18';
 import tco19 from './TCO19';
 import tco20 from './TCO20';
+import tco21 from './TCO21';
 import Mobile from './Mobile';
 import Zurich from './Zurich';
 import Comcast from './Comcast';
@@ -62,6 +63,7 @@ const TCOs = {
   tco18,
   tco19,
   tco20,
+  tco21,
 };
 
 export default function Communities({

src/shared/routes/Communities/TCO21/Routes.jsx

@@ -0,0 +1,57 @@
+/**
+ * Routing of TCO21 Community.
+ */
+
+import Error404 from 'components/Error404';
+import PT from 'prop-types';
+import React from 'react';
+import { Route, Switch } from 'react-router-dom';
+import ContentfulRoute from 'components/Contentful/Route';
+import ContentfulMenu from 'components/Contentful/Menu';
+import Profile from 'routes/Profile';
+import ProfileStats from 'routes/ProfileStats';
+import Footer from 'components/TopcoderFooter';
+
+export default function TCO21({ base, meta }) {
+  return (
+    <div>
+      {
+        meta.menuItems ? (
+          <ContentfulMenu
+            id={meta.menuItems[0].navigationMenu}
+            spaceName={meta.menuItems[0].spaceName}
+            environment={meta.menuItems[0].environment}
+            baseUrl={base}
+          />
+        ) : null
+      }
+      <Switch>
+        <Route
+          render={props => <Profile {...props} meta={meta} />}
+          exact
+          path={`${base}/members/:handle([\\w\\-\\[\\].{}]{2,15})`}
+        />
+        <Route
+          render={props => <ProfileStats {...props} meta={meta} />}
+          exact
+          path={`${base}/members/:handle([\\w\\-\\[\\].{}]{2,15})/details`}
+        />
+        <ContentfulRoute
+          baseUrl={base}
+          error404={<Error404 />}
+          id="6wUJl6RRF6MxI3kR6DFq5t"
+        />
+      </Switch>
+      <Footer />
+    </div>
+  );
+}
+
+TCO21.defaultProps = {
+  base: '',
+};
+
+TCO21.propTypes = {
+  base: PT.string,
+  meta: PT.shape().isRequired,
+};

src/shared/routes/Communities/TCO21/index.jsx

@@ -0,0 +1,32 @@
+/**
+ * Loader for the community's code chunks.
+ */
+
+import LoadingIndicator from 'components/LoadingIndicator';
+import path from 'path';
+import PT from 'prop-types';
+import React from 'react';
+import { AppChunk, webpack } from 'topcoder-react-utils';
+
+export default function ChunkLoader({ base, meta }) {
+  return (
+    <AppChunk
+      chunkName="tco21-community/chunk"
+      renderClientAsync={() => import(/* webpackChunkName: "tco21-community/chunk" */ './Routes')
+        .then(({ default: Routes }) => (
+          <Routes base={base} meta={meta} />
+        ))
+      }
+      renderPlaceholder={() => <LoadingIndicator />}
+      renderServer={() => {
+        const Routes = webpack.requireWeak(path.resolve(__dirname, './Routes'));
+        return <Routes base={base} meta={meta} />;
+      }}
+    />
+  );
+}
+
+ChunkLoader.propTypes = {
+  base: PT.string.isRequired,
+  meta: PT.shape().isRequired,
+};