Create TCO20

Author: kkartunov

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

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

src/shared/routes/Communities/Routes.jsx

@@ -36,6 +36,7 @@ import tco16 from './TCO16';
 import tco17 from './TCO17';
 import tco18 from './TCO18';
 import tco19 from './TCO19';
+import tco20 from './TCO20';
 import Mobile from './Mobile';
 import Zurich from './Zurich';
 
@@ -59,6 +60,7 @@ const TCOs = {
   tco17,
   tco18,
   tco19,
+  tco20,
 };
 
 export default function Communities({

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

@@ -0,0 +1,45 @@
+/**
+ * Routing of TCO20 Community.
+ */
+
+import Error404 from 'components/Error404';
+import PT from 'prop-types';
+import React from 'react';
+import ContentfulRoute from 'components/Contentful/Route';
+import ContentfulMenu from 'components/Contentful/Menu';
+import Viewport from 'components/Contentful/Viewport';
+
+export default function TCO20({ 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
+      }
+      <ContentfulRoute
+        baseUrl={base}
+        error404={<Error404 />}
+        id="2Ls9DElilYWV3X2p8qN2EN"
+      />
+      <Viewport
+        id="65z6CPtAE091BkbEUKHG0V"
+        baseUrl={base}
+      />
+    </div>
+  );
+}
+
+TCO20.defaultProps = {
+  base: '',
+};
+
+TCO20.propTypes = {
+  base: PT.string,
+  meta: PT.shape().isRequired,
+};

src/shared/routes/Communities/TCO20/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="tco20-community/chunk"
+      renderClientAsync={() => import(/* webpackChunkName: "tco20-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,
+};