add swarm learning to blog tabs

Author: pramodreddysareddy

gatsby-config.js

@@ -374,6 +374,7 @@ module.exports = {
           "data-services-cloud-console",
           "determined-ai",
           "cray",
+          "swarm-learning"
           ]}}}, sort: {fields: [frontmatter___date], order: DESC}) {
             nodes {
               id
@@ -436,6 +437,7 @@ module.exports = {
     ),
     paginatedCollection('determined-ai-posts', 'determined-ai'),
     paginatedCollection('cray-posts', 'cray'),
+    paginatedCollection('swarm-posts', 'swarm-learning'),
     paginatedCollection('dscc-posts', 'data-services-cloud-console'),
     {
       resolve: 'gatsby-plugin-paginated-collection',

gatsby-node.js

@@ -203,7 +203,13 @@ exports.createPages = async ({ graphql, actions }) => {
     paginatedCollectionQuery('smartsim-posts'),
   );
 
-  const crayQueryResult = await graphql(paginatedCollectionQuery('cray-posts'));
+  const crayQueryResult = await graphql(
+    paginatedCollectionQuery('cray-posts'),
+  );
+
+  const swarmQueryResult = await graphql(
+    paginatedCollectionQuery('swarm-posts'),
+  );
 
   const othersQueryResult = await graphql(
     paginatedCollectionQuery('others-posts'),
@@ -233,6 +239,7 @@ exports.createPages = async ({ graphql, actions }) => {
   setPagination(simplivityQueryResult);
   setPagination(smartsimQueryResult);
   setPagination(crayQueryResult);
+  setPagination(swarmQueryResult);
   setPagination(othersQueryResult);
 
   return graphql(

src/components/BlogTabs/index.js

@@ -112,6 +112,10 @@ function BlogTabs({ data, columns }) {
       label: 'HPE Cray Programming Environment',
       count: data?.crayBlogsCount?.totalCount || 0,
     },
+    swarmBlogs: {
+      label: 'HPE Swarm Learning',
+      count: data?.swarmBlogsCount?.totalCount || 0,
+    },
   };
 
   const opensource = {
@@ -407,6 +411,7 @@ BlogTabs.propTypes = {
     smartSimBlogsCount: PropTypes.objectOf(PropTypes.number),
     dsccBlogsCount: PropTypes.objectOf(PropTypes.number),
     crayBlogsCount: PropTypes.objectOf(PropTypes.number),
+    swarmBlogsCount: PropTypes.objectOf(PropTypes.number),
     othersBlogsCount: PropTypes.objectOf(PropTypes.number),
   }).isRequired,
   columns: PropTypes.shape({

src/pages/blog/index.js

@@ -494,6 +494,28 @@ export const pageQuery = graphql`
         id
       }
     }
+    swarmBlogsCount: allMarkdownRemark(
+      filter: {
+        fields: { sourceInstanceName: { eq: "blog" } }
+        frontmatter: { tags: { eq: "swarm-learning" }, disable: { ne: true } }
+      }
+      sort: { fields: [frontmatter___date], order: DESC }
+    ) {
+      totalCount
+    }
+    swarmBlogs: paginatedCollectionPage(
+      collection: { name: { eq: "swarm-posts" } }
+      index: { eq: 0 }
+    ) {
+      nodes
+      hasNextPage
+      nextPage {
+        id
+      }
+      collection {
+        id
+      }
+    }
     simplivityBlogsCount: allMarkdownRemark(
       filter: {
         fields: { sourceInstanceName: { eq: "blog" } }

src/templates/blog-post.js

@@ -111,7 +111,7 @@ function BlogPostTemplate({ data }) {
         n.node.frontmatter.tags.includes(tag) &&
         count < 8 &&
         !ids.includes(n.node.id) &&
-        post.id!==n.node.id  &&
+        post.id !== n.node.id &&
         n.node.frontmatter.authorimage &&
         n.node.frontmatter.author
       ) {
@@ -121,7 +121,9 @@ function BlogPostTemplate({ data }) {
       }
     });
   });
-  const blogCards = ids.map((item, i) => <BlogCard key={item} node={node[i]} />);
+  const blogCards = ids.map((item, i) => (
+    <BlogCard key={item} node={node[i]} />
+  ));
 
   return (
     <Layout title={siteTitle}>

src/templates/tags.js

@@ -113,7 +113,8 @@ export const pageQuery = graphql`
       limit: 2000
       sort: { fields: [frontmatter___date], order: DESC }
       filter: {
-        frontmatter: { tags: { regex: $tagRE },disable: {ne: true}  }}
+        frontmatter: { tags: { regex: $tagRE }, disable: { ne: true } }
+      }
     ) {
       totalCount
       edges {