From 17b48914ceb2c513e825041ba20d7bfb5f4d4fca Mon Sep 17 00:00:00 2001
From: Andrew Watkins <watts@influxdb.com>
Date: Fri, 30 Mar 2018 14:17:08 -0700
Subject: [PATCH] Rename Node to FuncNode

Co-authored-by: Andrew Watkins <andrew.watkinz@gmail.com>
Co-authored-by: Brandon Farmer <bthesorceror@gmail.com>
---
 ui/src/ifql/components/FuncNode.tsx    | 31 ++++++++++++++++++++++++++
 ui/src/ifql/components/Node.tsx        | 25 ---------------------
 ui/src/ifql/components/TimeMachine.tsx |  4 ++--
 3 files changed, 33 insertions(+), 27 deletions(-)
 create mode 100644 ui/src/ifql/components/FuncNode.tsx
 delete mode 100644 ui/src/ifql/components/Node.tsx

diff --git a/ui/src/ifql/components/FuncNode.tsx b/ui/src/ifql/components/FuncNode.tsx
new file mode 100644
index 000000000..9bd9bd9ea
--- /dev/null
+++ b/ui/src/ifql/components/FuncNode.tsx
@@ -0,0 +1,31 @@
+import React, {PureComponent} from 'react'
+
+interface Arg {
+  key: string
+  value: string
+}
+
+interface Node {
+  name: string
+  arguments: Arg[]
+}
+
+interface Props {
+  node: Node
+}
+
+interface State {
+  isOpen: boolean
+}
+
+export default class FuncNode extends PureComponent<Props, State> {
+  public render() {
+    const {node} = this.props
+
+    return (
+      <div className="func-node">
+        <div>{node.name}</div>
+      </div>
+    )
+  }
+}
diff --git a/ui/src/ifql/components/Node.tsx b/ui/src/ifql/components/Node.tsx
deleted file mode 100644
index c4408bff9..000000000
--- a/ui/src/ifql/components/Node.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React, {SFC} from 'react'
-
-interface Arg {
-  key: string
-  value: string
-}
-
-interface Node {
-  name: string
-  arguments: Arg[]
-}
-
-interface Props {
-  node: Node
-}
-
-const Node: SFC<Props> = ({node}) => {
-  return (
-    <div className="func-node">
-      <div>{node.name}</div>
-    </div>
-  )
-}
-
-export default Node
diff --git a/ui/src/ifql/components/TimeMachine.tsx b/ui/src/ifql/components/TimeMachine.tsx
index 91984eb77..4d33c72aa 100644
--- a/ui/src/ifql/components/TimeMachine.tsx
+++ b/ui/src/ifql/components/TimeMachine.tsx
@@ -1,6 +1,6 @@
 import React, {SFC} from 'react'
 import FuncSelector from 'src/ifql/components/FuncSelector'
-import Node from 'src/ifql/components/Node'
+import FuncNode from 'src/ifql/components/FuncNode'
 
 interface Arg {
   key: string
@@ -22,7 +22,7 @@ const TimeMachine: SFC<Props> = ({funcs, nodes, onAddNode}) => {
   return (
     <div>
       <div className="func-node-container">
-        {nodes.map((n, i) => <Node key={i} node={n} />)}
+        {nodes.map((n, i) => <FuncNode key={i} node={n} />)}
         <FuncSelector funcs={funcs} onAddNode={onAddNode} />
       </div>
     </div>