Working on layout, tilegrid

ui/src/components/Header/headerItems.ts

@@ -1,36 +1,49 @@
 export interface HeaderItem {
-  name: string;
-  link: string;
-  role?: string;
+  label: string;
+  link?: string;
+  links?: HeaderItem[];
 }
 
 export const headerItems: HeaderItem[] = [
   {
-    name: 'Races',
-    link: '/races'
+    label: 'Campaigns',
+    link: '/campaigns'
   },
   {
-    name: 'Classes',
-    link: '/classes'
+    label: 'Characters',
+    link: '/characters'
   },
   {
-    name: 'Feats',
-    link: '/feats'
-  },
-  {
-    name: 'Options & Features',
-    link: '/options'
-  },
-  {
-    name: 'Backgrounds',
-    link: '/backgrounds'
-  },
-  {
-    name: 'Items',
-    link: '/items'
-  },
-  {
-    name: 'Spells',
-    link: '/spells'
+    label: 'Resources',
+    links: [
+      {
+        label: 'Races',
+        link: '/races'
+      },
+      {
+        label: 'Classes',
+        link: '/classes'
+      },
+      {
+        label: 'Feats',
+        link: '/feats'
+      },
+      {
+        label: 'Options & Features',
+        link: '/options'
+      },
+      {
+        label: 'Backgrounds',
+        link: '/backgrounds'
+      },
+      {
+        label: 'Items',
+        link: '/items'
+      },
+      {
+        label: 'Spells',
+        link: '/spells'
+      }
+    ]
   }
 ];