From 5536e900dbaabc645d360532468d0604e508dd90 Mon Sep 17 00:00:00 2001
From: Iris Scholten <ischolten.is@gmail.com>
Date: Mon, 19 Mar 2018 15:53:18 -0700
Subject: [PATCH] add GraphOptionsFixFirstColumn component

---
 .../components/GraphOptionsFixFirstColumn.tsx | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 ui/src/dashboards/components/GraphOptionsFixFirstColumn.tsx

diff --git a/ui/src/dashboards/components/GraphOptionsFixFirstColumn.tsx b/ui/src/dashboards/components/GraphOptionsFixFirstColumn.tsx
new file mode 100644
index 0000000000..00457c58ae
--- /dev/null
+++ b/ui/src/dashboards/components/GraphOptionsFixFirstColumn.tsx
@@ -0,0 +1,28 @@
+import React, {SFC} from 'react'
+import classnames from 'classnames'
+
+interface Props {
+  fixed: boolean
+  onToggleFixFirstColumn: () => void
+}
+
+const GraphOptionsFixFirstColumn: SFC<Props> = ({
+  fixed,
+  onToggleFixFirstColumn,
+}) =>
+  <div
+    className={classnames('query-builder--list-item', {
+      active: fixed,
+    })}
+    onClick={onToggleFixFirstColumn}
+  >
+    <span>
+      <div
+        className="query-builder--checkbox"
+        onClick={onToggleFixFirstColumn}
+      />
+      <label>Fix First Column</label>
+    </span>
+  </div>
+
+export default GraphOptionsFixFirstColumn