Add speed limit dropdown

2026-05-28 09:27:35 +00:00 · 2015-12-15 23:30:22 -08:00
parent 2d060b4065
commit e356c5fbc2
3 changed files with 85 additions and 8 deletions
@@ -0,0 +1,82 @@
+import React from 'react';
+
+import Dropdown from '../generic/Dropdown';
+import Icon from '../icons/Icon';
+
+class Sidebar extends React.Component {
+  constructor() {
+    super();
+
+    this.state = {
+      isEpanded: false
+    };
+  }
+
+  getDropdownHeader() {
+    return (
+      <button className="client-stats client-stat--limits">
+        <Icon icon="limits" /> Speed Limits
+      </button>
+    );
+  }
+
+  getMenuItems() {
+    return [
+      {
+        displayName: '1',
+        property: '1'
+      },
+      {
+        displayName: '2',
+        property: '2'
+      },
+      {
+        displayName: '3',
+        property: '3'
+      },
+      {
+        displayName: '4',
+        property: '4'
+      },
+      {
+        displayName: '5',
+        property: '5'
+      },
+      {
+        displayName: '6',
+        property: '6'
+      },
+      {
+        displayName: '7',
+        property: '7'
+      },
+      {
+        displayName: '8',
+        property: '8'
+      },
+      {
+        displayName: '9',
+        property: '9'
+      },
+      {
+        displayName: '10',
+        property: '10'
+      }
+    ];
+  }
+
+  render() {
+    return (
+      <div className="client-stats sidebar__item">
+        <Dropdown
+          handleItemSelect={this.handleItemSelect}
+          header={this.getDropdownHeader()}
+          menuItems={this.getMenuItems()}
+          selectedItem={'1'}
+          />
+      </div>
+    );
+  }
+}
+
+export default Sidebar;