1 files changed, 13 insertions, 0 deletions
diff --git a/frontend/src/components/app/sidebars/topology/NameComponent.js b/frontend/src/components/app/sidebars/topology/NameComponent.js
new file mode 100644
index 00000000..805538b3
--- /dev/null
+++ b/frontend/src/components/app/sidebars/topology/NameComponent.js
@@ -0,0 +1,13 @@
+import React from "react";
+import FontAwesome from "react-fontawesome";
+
+const NameComponent = ({ name, onEdit }) => (
+  <h2>
+    {name}
+    <button className="btn btn-outline-secondary float-right" onClick={onEdit}>
+      <FontAwesome name="pencil" />
+    </button>
+  </h2>
+);
+
+export default NameComponent;