Move Tools under Languages

Author: ardatan

data/code.json

@@ -21,9 +21,6 @@ exports.onCreatePage = async ({ page, actions }) => {
           })
         )
       })),
-      sortLibs(codeData.Tools).then(sortedTools => {
-        codeData.Tools = sortedTools;
-      }),
     ])
 
     context = {

gatsby-node.js

@@ -27,11 +27,7 @@ const getLinks = (sourcePath: string): FooterLinks[] => [
   {
     text: "Code",
     href: "/code",
-    subsections: [
-      { text: "Servers", href: "/code/#server-libraries" },
-      { text: "Clients", href: "/code/#graphql-clients" },
-      { text: "Tools", href: "/code/#tools" },
-    ],
+    subsections: [],
   },
   {
     text: "Community",

src/components/Footer/index.tsx

@@ -7,8 +7,8 @@ export function buildLanguagesMenu(pageContext: any) {
   let lastRow: string[]
   const rows: string[][] = []
   Object.keys(pageContext.codeData.Libraries).forEach((languageName, index) => {
-    if (index % 5 === 0) {
-      lastRow = []
+    if (index % 4 === 0) {
+      lastRow = [languageName]
       rows.push(lastRow)
     } else {
       lastRow.push(languageName)
@@ -31,7 +31,7 @@ export function buildLanguagesMenu(pageContext: any) {
                           style={{ width: 92, height: 92 }}
                         />
                       </h3>
-                      <h2 className="article_title">{languageName}</h2>
+                      <h2 className="article_title" style={{ whiteSpace: 'nowrap' }}>{languageName}</h2>
                     </a>
                   </div>
                 </div>
@@ -107,6 +107,10 @@ export function buildLanguagesContent(pageContext: any) {
       libraryCategories,
       "GraphQL Clients"
     )
+    markdown += buildLibraryCategoriesMarkdown(
+      libraryCategories,
+      "Tools"
+    )
   }
   return <Marked>{markdown}</Marked>
 }
@@ -135,11 +139,6 @@ export default ({ pageContext }) => {
                     <h3>Languages</h3>
                   </a>
                 </div>
-                <div className="column">
-                  <a href="#tools">
-                    <h3>Tools</h3>
-                  </a>
-                </div>
                 <div className="column">
                   <a href="#services">
                     <h3>Services</h3>
@@ -165,12 +164,6 @@ export default ({ pageContext }) => {
             {buildLanguagesContent(pageContext)}
             <Marked>
               {`
-## Tools
-${buildLibraryListMarkdown(pageContext.codeData.Tools)}
-`}
-            </Marked>
-            <Marked>
-              {`
 ## Services
 ${buildLibraryListMarkdown(pageContext.codeData.Services)}
 `}