chore(docs): github repository link

Adds a menu link to the github repository.
Also adds the ability to use icons for the
menu choices and adds icons for Home and
Changelog menu items.

Author: lekoaf

packages/docs/src/Menu.tsx

@@ -6,19 +6,31 @@ import {
   ExpandableListItemType,
   IconButton,
 } from 'practical-react-components-core'
-import { HamburgerMenuIcon } from 'practical-react-components-icons'
+import {
+  DownloadIcon,
+  HamburgerMenuIcon,
+  HomeIcon,
+  LogIcon,
+} from 'practical-react-components-icons'
 
 import { Components, Component } from './types'
 
 const BASE_ITEMS = [
   {
     name: 'Home',
     route: '/',
+    icon: HomeIcon,
+  },
+  {
+    name: 'Repository',
+    route: 'https://github.com/AxisCommunications/practical-react-components',
+    icon: DownloadIcon,
   },
   {
     name: 'Changelog',
     route:
       'https://github.com/AxisCommunications/practical-react-components/blob/main/CHANGELOG.md',
+    icon: LogIcon,
   },
 ]
 
@@ -83,7 +95,7 @@ export const Menu: React.FC<MenuProps> = ({ components }) => {
       [...BASE_ITEMS, ...components].map(c => ({
         id: c.name,
         label: c.name,
-        icon: () => null,
+        icon: () => c.icon ?? null,
         selected: matchPath(location.pathname, c.route) !== null,
         onClick: () =>
           /^https?:\/\//.test(c.route)

packages/docs/src/types.ts

@@ -1,7 +1,10 @@
+import { IconType } from 'practical-react-components-core'
+
 export interface Component {
   readonly name: string
   readonly route: string
   readonly menu: string
+  readonly icon?: IconType
   readonly component: React.FC
 }