Merge pull request #84 from topcoder-platform/develop

Adding another community

Author: ajefts

__tests__/shared/components/examples/__snapshots__/Content.jsx.snap

@@ -226,6 +226,14 @@ exports[`Matches shallow shapshot 1`] = `
       </Link>
       .
     </li>
+    <li>
+      <Link
+        replace={false}
+        to="/community/community-2/home"
+      >
+        Community 2
+      </Link>
+    </li>
   </ul>
   <h3>
     Misc Examples

src/assets/themes/community-2/challenges/banner.jpg

@@ -0,0 +1,42 @@
+{
+  "authorizedGroupIds": [
+    "20000002"
+  ],
+  "challengeGroupId": "20000002",
+  "challengeFilterTag": "",
+  "communityId": "community-2",
+  "communityName": "Community 2",
+  "communitySelector": [{
+    "label": "Community 2",
+    "value": "1"
+  }, {
+    "label": "Cognitive Community",
+    "redirect": "http://cognitive.topcoder.com/",
+    "value": "2"
+  }, {
+    "label": "iOS Community",
+    "redirect": "https://ios.topcoder.com/",
+    "value": "3"
+  }],
+  "leaderboardApiUrl": "https://api.topcoder.com/v4/looks/458/run/json/",
+  "logos": [
+    "/themes/community-2/wipro-logo.png",
+    "/themes/community-2/logo_topcoder_with_name.svg"
+  ],
+  "menuItems": [
+    {
+      "title": "Home",
+      "url": "."
+    }, {
+      "title": "Learn",
+      "url": "learn"
+    }, {
+      "title": "Challenges",
+      "url": "challenges"
+    }, {
+      "title": "Leaderboard",
+      "url": "leaderboard"
+    }
+  ],
+  "newsFeed": "http://www.topcoder.com/feed"
+}

src/assets/themes/community-2/home/banner.jpg

@@ -102,6 +102,9 @@ export default function Content() {
           There is also an example of <Link to="/community/wipro/404">non-existent community
           page</Link>.
         </li>
+        <li>
+          <Link to="/community/community-2/home">Community 2</Link>
+        </li>
       </ul>
       <h3>Misc Examples</h3>
       <ul>

src/assets/themes/community-2/home/image-text-do.jpg

@@ -0,0 +1,123 @@
+/**
+ * Static implementation of Home page for a community
+ *
+ * It hardcodes data which is passed to dummy components,
+ * thus we disable max-len eslint rule for this file
+ */
+/* eslint-disable max-len */
+
+import React from 'react';
+import Section from 'components/tc-communities/Section';
+import Banner from 'components/tc-communities/Banner';
+import ImageText from 'components/tc-communities/ImageText';
+import ResourceCard from 'components/tc-communities/ResourceCard';
+import NewsletterSignup from 'components/tc-communities/NewsletterSignup';
+import NewsSection from 'components/tc-communities/NewsSection';
+import PT from 'prop-types';
+
+import GroupStats from 'containers/tc-communities/GroupStats';
+import JoinCommunity from 'containers/tc-communities/JoinCommunity';
+
+import IconRocket from '../../../../../../assets/images/tc-communities/rocket.svg';
+import IconNetwork from '../../../../../../assets/images/tc-communities/network.svg';
+import IconMedal from '../../../../../../assets/images/tc-communities/medal.svg';
+
+import style from './style.scss';
+
+export default function Home(props) {
+  return (
+    <main>
+      <Banner
+        title="Community 2"
+        text="BAE's Hybrid Crowd gives our vast ecosystem of customers and partners options to access new range of skills that provide new value services and efficiency options all over the world."
+        link={{
+          title: 'Compete Now',
+          url: 'challenges',
+        }}
+        imageSrc="/themes/community-2/home/banner.jpg"
+      />
+
+      <GroupStats />
+
+      <JoinCommunity />
+
+      <Section
+        theme={{
+          container: style.linksContainer,
+        }}
+      >
+        <div>
+          <ImageText
+            title="Improve Your Skills"
+            text="Our continuously evolving structured learning paths, constantly abreast of the latest, tailored for employees to deepen your knowledge, infuses important software capabilities that are industry specific and help you get the skills you need to succeed."
+            link={{
+              title: 'Start Learning',
+              url: 'learn',
+            }}
+            imageSrc="/themes/community-2/home/image-text-learn.jpg"
+          />
+          <ImageText
+            title="Get Involved"
+            text="Rewards program is intended to celebrate and recognize your contribution. Rewards for project contributions are given using ‘Reward Points’. Points earned translate into badges. Quarterly rewards are given away to the toppers of all categories."
+            link={{
+              title: 'Start Earning',
+              url: 'challenges',
+            }}
+            imageSrc="/themes/community-2/home/image-text-do.jpg"
+          />
+        </div>
+      </Section>
+
+      <Section
+        theme={{
+          container: style.resourcesContainer,
+        }}
+      >
+        <ResourceCard
+          icon={IconNetwork}
+          title="Up Your iOS and Swift Development Skills"
+          text="Pellentesque non dignissim neque. Nunc vel rhoncus nibh, ut tincidunt turpis. Integer ac enim pellentesque, adipiscing metus id, pharetra odio."
+          link={{
+            title: 'Browse resources',
+            url: 'learn',
+          }}
+        />
+        <ResourceCard
+          icon={IconMedal}
+          title="Take the First Steps to Stand Out in the Community"
+          text="Donec bibendum nunc sit amet tortor scelerisque luctus et sit amet mauris. Suspendisse felis sem, condimentum ullamcorper est sit amet, molestie"
+          link={{
+            title: 'Learn about badges',
+            url: 'leaderboard',
+          }}
+        />
+        <ResourceCard
+          icon={IconRocket}
+          title="Compete in Challenges and Win Cash"
+          text="Suspendisse felis sem, condimentum ullamcorper est sit amet, molestie mollis nulla. Etiam lorem orci, consequat ac magna quis, facilisis"
+          link={{
+            title: 'Browse challenges',
+            url: 'challenges',
+          }}
+        />
+      </Section>
+
+      <NewsSection news={props.news} />
+
+      <NewsletterSignup
+        title="Sign up for our newsletter"
+        text="Don’t miss out on the latest Topcoder IOS challenges and information!"
+        imageSrc="/themes/community-2/subscribe-bg.jpg"
+      />
+
+    </main>
+  );
+}
+
+Home.defaultProps = {
+  news: [],
+};
+
+Home.propTypes = {
+  news: PT.arrayOf(PT.shape()),
+};

src/assets/themes/community-2/home/image-text-learn.jpg

@@ -0,0 +1,33 @@
+@import '~styles/tc-styles';
+
+.statsContainer {
+  padding: 0;
+}
+
+.statsContent {
+  border-bottom: 1px solid #ddd;
+  padding: 43px 38px 50px;
+
+  @include xxs-to-sm {
+    display: flex;
+    justify-content: space-around;
+    padding: 30px 12px 32px;
+  }
+}
+
+.resourcesContainer {
+  background-color: #fafafa;
+  padding: 70px 0;
+
+  @include xxs-to-sm {
+    padding: 40px 0;
+  }
+}
+
+.linksContainer {
+  padding: 24px 0 60px;
+
+  @include xxs-to-sm {
+    padding: 0;
+  }
+}