Add button for switching between dashboards

ui/src/dashboards/components/DashboardHeader.js

@@ -44,6 +44,22 @@ const DashboardHeader = ({
                   {children}
                 </ul>
               </div>}
+            {children.length > 1
+              ? <div className="dropdown dashboard-switcher">
+                  <button
+                    className="btn btn-square btn-default btn-sm dropdown-toggle"
+                    type="button"
+                    data-toggle="dropdown"
+                  >
+                    <span className="icon dash-f" />
+                  </button>
+                  <ul className="dropdown-menu">
+                    {_.sortBy(children, c =>
+                      c.props.children.props.children.toLowerCase()
+                    )}
+                  </ul>
+                </div>
+              : null}
           </div>
           <div className="page-header__right">
             <GraphTips />

ui/src/style/unsorted.scss

@@ -326,7 +326,7 @@ $tick-script-overlay-margin: 30px;
 .autorefresh-dropdown {
   display: flex;
   flex-wrap: nowrap;
-  
+
   &.paused .dropdown {
     margin-right: 4px;
   }
@@ -334,3 +334,14 @@ $tick-script-overlay-margin: 30px;
     width: 126px;
   }
 }
+
+/*
+  Dashboard Switcher
+  -----------------------------------------------------------------------------
+*/
+.dropdown.dashboard-switcher {
+  margin-right: 4px;
+}
+.dropdown.dashboard-switcher .btn.dropdown-toggle {
+  justify-content: center;
+}