From 20df8613baec56982d5c2a1fba157e20c1dd7fe0 Mon Sep 17 00:00:00 2001
From: Cayla Hamann <chamann@newrelic.com>
Date: Mon, 15 Jun 2020 18:00:52 -0400
Subject: [PATCH] feat: populated navigation bar

---
 src/components/Sidebar.js |   1 -
 src/data/sidenav.json     | 711 +++++++++++++++++++++-----------------
 2 files changed, 398 insertions(+), 314 deletions(-)

diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index 91c52cb9c..d493644e4 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -24,7 +24,6 @@ const Sidebar = ({ className, pages, isOpen, toggle }) => (
   <aside className={cx(styles.sidebar, className, { [styles.isOpen]: isOpen })}>
     <Link to="/" className={styles.logo} />
     <div className={styles.top}>
-      <h3>Pages</h3>
       <button
         aria-expanded={isOpen}
         aria-label="Main Menu Toggle"
diff --git a/src/data/sidenav.json b/src/data/sidenav.json
index 2ddd77861..d023d5bae 100644
--- a/src/data/sidenav.json
+++ b/src/data/sidenav.json
@@ -1,365 +1,450 @@
 [
   {
-    "displayName": "Guides",
-    "url": "/guides",
+    "displayName": "Collect Data",
     "children": [
       {
-        "displayName": "Example",
-        "url": "/guides/example"
-      }
-    ]
-  },
-  {
-    "displayName": "UI Components",
-    "children": [
-      {
-        "displayName": "Text Components",
-        "children": [
-          {
-            "displayName": "BlockText",
-            "url": "/components/block-text"
-          },
-          {
-            "displayName": "HeadingText",
-            "url": "/components/heading-text"
-          },
-          {
-            "displayName": "Link",
-            "url": "/components/link"
-          }
-        ]
-      },
-      {
-        "displayName": "Layout Components",
-        "children": [
-          {
-            "displayName": "AutoSizer",
-            "url": "/components/auto-sizer"
-          },
-          {
-            "displayName": "Card",
-            "url": "/components/card"
-          },
-          {
-            "displayName": "CardBody",
-            "url": "/components/card-body"
-          },
-          {
-            "displayName": "CardHeader",
-            "url": "/components/card-header"
-          },
-          {
-            "displayName": "Grid",
-            "url": "/components/grid"
-          },
-          {
-            "displayName": "GridItem",
-            "url": "/components/grid-item"
-          },
-          {
-            "displayName": "List",
-            "url": "/components/list"
-          },
-          {
-            "displayName": "ListItem",
-            "url": "/components/list-item"
-          },
-          {
-            "displayName": "Spacing",
-            "url": "/components/spacing"
-          },
-          {
-            "displayName": "Stack",
-            "url": "/components/stack"
-          },
-          {
-            "displayName": "StackItem",
-            "url": "/components/stack-item"
-          },
-          {
-            "displayName": "Tabs",
-            "url": "/components/tabs"
-          },
-          {
-            "displayName": "TabsItem",
-            "url": "/components/tabs-item"
-          }
-        ]
+        "displayName": "Log with the Log API",
+        "url": "/"
       },
       {
-        "displayName": "Form Components",
-        "children": [
-          {
-            "displayName": "AccountPicker",
-            "url": "/components/account-picker"
-          },
-          {
-            "displayName": "Button",
-            "url": "/components/button"
-          },
-          {
-            "displayName": "Checkbox",
-            "url": "/components/checkbox"
-          },
-          {
-            "displayName": "Dropdown",
-            "url": "/components/dropdown"
-          },
-          {
-            "displayName": "DropdownItem",
-            "url": "/components/dropdown-item"
-          },
-          {
-            "displayName": "Radio",
-            "url": "/components/radio"
-          },
-          {
-            "displayName": "RadioGroup",
-            "url": "/components/radio-group"
-          },
-          {
-            "displayName": "Select",
-            "url": "/components/select"
-          },
-          {
-            "displayName": "SelectItem",
-            "url": "/components/select-item"
-          },
-          {
-            "displayName": "TextField",
-            "url": "/components/text-field"
-          }
-        ]
-      },
-      {
-        "displayName": "Table",
-        "children": [
-          {
-            "displayName": "Table",
-            "url": "/components/table"
-          },
-          {
-            "displayName": "TableHeader",
-            "url": "/components/table-header"
-          },
-          {
-            "displayName": "TableHeaderCell",
-            "url": "/components/table-header-cell"
-          },
-          {
-            "displayName": "TableRow",
-            "url": "/components/table-row"
-          },
-          {
-            "displayName": "TableRowCell",
-            "url": "/components/table-row-cell"
-          },
-          {
-            "displayName": "EntityTitleTableRowCell",
-            "url": "/components/entity-title-table-row-cell"
-          },
-          {
-            "displayName": "MetricTableRowCell",
-            "url": "/components/metric-table-row-cell"
-          },
-          {
-            "displayName": "SparklineTableRowCell",
-            "url": "/components/sparkline-table-row-cell"
-          },
-          {
-            "displayName": "UserTableRowCell",
-            "url": "/components/user-table-row-cell"
-          }
-        ]
+        "displayName": "OpenTelemetry Exporter",
+        "url": "/"
       },
       {
-        "displayName": "Feedback Components",
-        "children": [
-          {
-            "displayName": "Icon",
-            "url": "/components/icon"
-          },
-          {
-            "displayName": "Spinner",
-            "url": "/components/spinner"
-          },
-          {
-            "displayName": "Toast",
-            "url": "/components/toast"
-          }
-        ]
+        "displayName": "Extend New Relic Agents",
+        "url": "/"
       },
       {
-        "displayName": "Overlaid Components",
-        "children": [
-          {
-            "displayName": "Modal",
-            "url": "/components/modal"
-          },
-          {
-            "displayName": "Tooltip",
-            "url": "/components/tooltip"
-          }
-        ]
+        "displayName": "Create Flex Integration",
+        "url": "/"
       }
     ]
   },
   {
-    "displayName": "Charts",
+    "displayName": "Explore Data",
     "children": [
       {
-        "displayName": "AreaChart",
-        "url": "/components/area-chart"
-      },
-      {
-        "displayName": "BarChart",
-        "url": "/components/bar-chart"
-      },
-      {
-        "displayName": "BillboardChart",
-        "url": "/components/billboard-chart"
-      },
-      {
-        "displayName": "ChartGroup",
-        "url": "/components/chart-group"
-      },
-      {
-        "displayName": "FunnelChart",
-        "url": "/components/funnel-chart"
-      },
-      {
-        "displayName": "HeatmapChart",
-        "url": "/components/heatmap-chart"
-      },
-      {
-        "displayName": "HistogramChart",
-        "url": "/components/histogram-chart"
-      },
-      {
-        "displayName": "JsonChart",
-        "url": "/components/json-chart"
-      },
-      {
-        "displayName": "LineChart",
-        "url": "/components/line-chart"
-      },
-      {
-        "displayName": "PieChart",
-        "url": "/components/pie-chart"
-      },
-      {
-        "displayName": "ScatterChart",
-        "url": "/components/scatter-chart"
+        "displayName": "Write NRQL Queries",
+        "url": "/"
       },
       {
-        "displayName": "SparklineChart",
-        "url": "/components/sparkline-chart"
-      },
-      {
-        "displayName": "StackedBarChart",
-        "url": "/components/stacked-bar-chart"
-      },
-      {
-        "displayName": "TableChart",
-        "url": "/components/table-chart"
+        "displayName": "Build a NerdGraph Query",
+        "url": "/"
       }
     ]
   },
   {
-    "displayName": "Query and storage",
+    "displayName": "Build Apps",
     "children": [
       {
-        "displayName": "AccountStorageMutation",
-        "url": "/components/account-storage-mutation"
-      },
-      {
-        "displayName": "AccountStorageQuery",
-        "url": "/components/account-storage-query"
-      },
-      {
-        "displayName": "AccountsQuery",
-        "url": "/components/accounts-query"
-      },
-      {
-        "displayName": "EntitiesByDomainTypeQuery",
-        "url": "/components/entities-by-domain-type-query"
+        "displayName": "Map Pageviews by Region",
+        "url": "/build-apps/map-pageviews-by-region"
       },
       {
-        "displayName": "EntitiesByGuidsQuery",
-        "url": "/components/entities-by-guids-query"
+        "displayName": "Optimize Cloud Usage",
+        "url": "/build-apps/optimize-cloud-usage"
       },
       {
-        "displayName": "EntitiesByNameQuery",
-        "url": "/components/entities-by-name-query"
+        "displayName": "Add a Time Picker",
+        "url": "/build-apps/add-time-picker-guide"
       },
       {
-        "displayName": "EntityByGuidQuery",
-        "url": "/components/entity-by-guid-query"
+        "displayName": "Use NerdGraph in an App",
+        "url": "/build-apps/use-nerdgraph-in-app"
       },
       {
-        "displayName": "EntityCountQuery",
-        "url": "/components/entity-count-query"
+        "displayName": "Build a Table",
+        "url": "/build-apps/build-a-table"
       },
       {
-        "displayName": "EntitySearchQuery",
-        "url": "/components/entity-search-query"
-      },
-      {
-        "displayName": "EntityStorageMutation",
-        "url": "/components/entity-storage-mutation"
-      },
-      {
-        "displayName": "EntityStorageQuery",
-        "url": "/components/entity-storage-query"
-      },
-      {
-        "displayName": "NerdGraphMutation",
-        "url": "/components/nerd-graph-mutation"
-      },
-      {
-        "displayName": "NerdGraphQuery",
-        "url": "/components/nerd-graph-query"
-      },
-      {
-        "displayName": "NrqlQuery",
-        "url": "/components/nrql-query"
-      },
-      {
-        "displayName": "UserQuery",
-        "url": "/components/user-query"
-      },
+        "displayName": "Persistent Storage for Apps",
+        "url": "/build-apps/persistent-storage-for-apps"
+      }
+    ]
+  },
+  {
+    "displayName": "Automate Workflows",
+    "children": [
       {
-        "displayName": "UserStorageMutation",
-        "url": "/components/user-storage-mutation"
+        "displayName": "Monitor, Alert, and Analyze",
+        "url": "/automate-workflows/"
       },
       {
-        "displayName": "UserStorageQuery",
-        "url": "/components/user-storage-query"
+        "displayName": "OpenTelemetry Exporter",
+        "url": "/automate-workflows/"
       }
     ]
   },
   {
-    "displayName": "Platform APIs",
+    "displayName": "Developer Docs",
     "children": [
       {
-        "displayName": "NerdletStateContext",
-        "url": "/components/nerdlet-state-context"
-      },
-      {
-        "displayName": "PlatformStateContext",
-        "url": "/components/platform-state-context"
+        "displayName": "CLI"
       },
       {
-        "displayName": "logger",
-        "url": "/apis/logger"
+        "displayName": "GraphQL"
       },
       {
-        "displayName": "navigation",
-        "url": "/apis/navigation"
+        "displayName": "Nerdpacks"
       },
       {
-        "displayName": "nerdlet",
-        "url": "/apis/nerdlet"
+        "displayName": "Component library",
+        "children": [
+          {
+            "displayName": "UI Components",
+            "children": [
+              {
+                "displayName": "Text Components",
+                "children": [
+                  {
+                    "displayName": "BlockText",
+                    "url": "/components/block-text"
+                  },
+                  {
+                    "displayName": "HeadingText",
+                    "url": "/components/heading-text"
+                  },
+                  {
+                    "displayName": "Link",
+                    "url": "/components/link"
+                  }
+                ]
+              },
+              {
+                "displayName": "Layout Components",
+                "children": [
+                  {
+                    "displayName": "AutoSizer",
+                    "url": "/components/auto-sizer"
+                  },
+                  {
+                    "displayName": "Card",
+                    "url": "/components/card"
+                  },
+                  {
+                    "displayName": "CardBody",
+                    "url": "/components/card-body"
+                  },
+                  {
+                    "displayName": "CardHeader",
+                    "url": "/components/card-header"
+                  },
+                  {
+                    "displayName": "Grid",
+                    "url": "/components/grid"
+                  },
+                  {
+                    "displayName": "GridItem",
+                    "url": "/components/grid-item"
+                  },
+                  {
+                    "displayName": "List",
+                    "url": "/components/list"
+                  },
+                  {
+                    "displayName": "ListItem",
+                    "url": "/components/list-item"
+                  },
+                  {
+                    "displayName": "Spacing",
+                    "url": "/components/spacing"
+                  },
+                  {
+                    "displayName": "Stack",
+                    "url": "/components/stack"
+                  },
+                  {
+                    "displayName": "StackItem",
+                    "url": "/components/stack-item"
+                  },
+                  {
+                    "displayName": "Tabs",
+                    "url": "/components/tabs"
+                  },
+                  {
+                    "displayName": "TabsItem",
+                    "url": "/components/tabs-item"
+                  }
+                ]
+              },
+              {
+                "displayName": "Form Components",
+                "children": [
+                  {
+                    "displayName": "AccountPicker",
+                    "url": "/components/account-picker"
+                  },
+                  {
+                    "displayName": "Button",
+                    "url": "/components/button"
+                  },
+                  {
+                    "displayName": "Checkbox",
+                    "url": "/components/checkbox"
+                  },
+                  {
+                    "displayName": "Dropdown",
+                    "url": "/components/dropdown"
+                  },
+                  {
+                    "displayName": "DropdownItem",
+                    "url": "/components/dropdown-item"
+                  },
+                  {
+                    "displayName": "Radio",
+                    "url": "/components/radio"
+                  },
+                  {
+                    "displayName": "RadioGroup",
+                    "url": "/components/radio-group"
+                  },
+                  {
+                    "displayName": "Select",
+                    "url": "/components/select"
+                  },
+                  {
+                    "displayName": "SelectItem",
+                    "url": "/components/select-item"
+                  },
+                  {
+                    "displayName": "TextField",
+                    "url": "/components/text-field"
+                  }
+                ]
+              },
+              {
+                "displayName": "Table",
+                "children": [
+                  {
+                    "displayName": "Table",
+                    "url": "/components/table"
+                  },
+                  {
+                    "displayName": "TableHeader",
+                    "url": "/components/table-header"
+                  },
+                  {
+                    "displayName": "TableHeaderCell",
+                    "url": "/components/table-header-cell"
+                  },
+                  {
+                    "displayName": "TableRow",
+                    "url": "/components/table-row"
+                  },
+                  {
+                    "displayName": "TableRowCell",
+                    "url": "/components/table-row-cell"
+                  },
+                  {
+                    "displayName": "EntityTitleTableRowCell",
+                    "url": "/components/entity-title-table-row-cell"
+                  },
+                  {
+                    "displayName": "MetricTableRowCell",
+                    "url": "/components/metric-table-row-cell"
+                  },
+                  {
+                    "displayName": "SparklineTableRowCell",
+                    "url": "/components/sparkline-table-row-cell"
+                  },
+                  {
+                    "displayName": "UserTableRowCell",
+                    "url": "/components/user-table-row-cell"
+                  }
+                ]
+              },
+              {
+                "displayName": "Feedback Components",
+                "children": [
+                  {
+                    "displayName": "Icon",
+                    "url": "/components/icon"
+                  },
+                  {
+                    "displayName": "Spinner",
+                    "url": "/components/spinner"
+                  },
+                  {
+                    "displayName": "Toast",
+                    "url": "/components/toast"
+                  }
+                ]
+              },
+              {
+                "displayName": "Overlaid Components",
+                "children": [
+                  {
+                    "displayName": "Modal",
+                    "url": "/components/modal"
+                  },
+                  {
+                    "displayName": "Tooltip",
+                    "url": "/components/tooltip"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "displayName": "Charts",
+            "children": [
+              {
+                "displayName": "AreaChart",
+                "url": "/components/area-chart"
+              },
+              {
+                "displayName": "BarChart",
+                "url": "/components/bar-chart"
+              },
+              {
+                "displayName": "BillboardChart",
+                "url": "/components/billboard-chart"
+              },
+              {
+                "displayName": "ChartGroup",
+                "url": "/components/chart-group"
+              },
+              {
+                "displayName": "FunnelChart",
+                "url": "/components/funnel-chart"
+              },
+              {
+                "displayName": "HeatmapChart",
+                "url": "/components/heatmap-chart"
+              },
+              {
+                "displayName": "HistogramChart",
+                "url": "/components/histogram-chart"
+              },
+              {
+                "displayName": "JsonChart",
+                "url": "/components/json-chart"
+              },
+              {
+                "displayName": "LineChart",
+                "url": "/components/line-chart"
+              },
+              {
+                "displayName": "PieChart",
+                "url": "/components/pie-chart"
+              },
+              {
+                "displayName": "ScatterChart",
+                "url": "/components/scatter-chart"
+              },
+              {
+                "displayName": "SparklineChart",
+                "url": "/components/sparkline-chart"
+              },
+              {
+                "displayName": "StackedBarChart",
+                "url": "/components/stacked-bar-chart"
+              },
+              {
+                "displayName": "TableChart",
+                "url": "/components/table-chart"
+              }
+            ]
+          },
+          {
+            "displayName": "Query and storage",
+            "children": [
+              {
+                "displayName": "AccountStorageMutation",
+                "url": "/components/account-storage-mutation"
+              },
+              {
+                "displayName": "AccountStorageQuery",
+                "url": "/components/account-storage-query"
+              },
+              {
+                "displayName": "AccountsQuery",
+                "url": "/components/accounts-query"
+              },
+              {
+                "displayName": "EntitiesByDomainTypeQuery",
+                "url": "/components/entities-by-domain-type-query"
+              },
+              {
+                "displayName": "EntitiesByGuidsQuery",
+                "url": "/components/entities-by-guids-query"
+              },
+              {
+                "displayName": "EntitiesByNameQuery",
+                "url": "/components/entities-by-name-query"
+              },
+              {
+                "displayName": "EntityByGuidQuery",
+                "url": "/components/entity-by-guid-query"
+              },
+              {
+                "displayName": "EntityCountQuery",
+                "url": "/components/entity-count-query"
+              },
+              {
+                "displayName": "EntitySearchQuery",
+                "url": "/components/entity-search-query"
+              },
+              {
+                "displayName": "EntityStorageMutation",
+                "url": "/components/entity-storage-mutation"
+              },
+              {
+                "displayName": "EntityStorageQuery",
+                "url": "/components/entity-storage-query"
+              },
+              {
+                "displayName": "NerdGraphMutation",
+                "url": "/components/nerd-graph-mutation"
+              },
+              {
+                "displayName": "NerdGraphQuery",
+                "url": "/components/nerd-graph-query"
+              },
+              {
+                "displayName": "NrqlQuery",
+                "url": "/components/nrql-query"
+              },
+              {
+                "displayName": "UserQuery",
+                "url": "/components/user-query"
+              },
+              {
+                "displayName": "UserStorageMutation",
+                "url": "/components/user-storage-mutation"
+              },
+              {
+                "displayName": "UserStorageQuery",
+                "url": "/components/user-storage-query"
+              }
+            ]
+          },
+          {
+            "displayName": "Platform APIs",
+            "children": [
+              {
+                "displayName": "NerdletStateContext",
+                "url": "/components/nerdlet-state-context"
+              },
+              {
+                "displayName": "PlatformStateContext",
+                "url": "/components/platform-state-context"
+              },
+              {
+                "displayName": "logger",
+                "url": "/apis/logger"
+              },
+              {
+                "displayName": "navigation",
+                "url": "/apis/navigation"
+              },
+              {
+                "displayName": "nerdlet",
+                "url": "/apis/nerdlet"
+              }
+            ]
+          }
+        ]
       }
     ]
   }