From 241ff9412ff59fb99ee53ff8611d7acd8a3a2f6e Mon Sep 17 00:00:00 2001
From: RepIica <ketrixz@gmail.com>
Date: Tue, 3 Dec 2019 23:50:49 -0500
Subject: [PATCH] functional component conversion

---
 src/components/SidebarItems.js | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/components/SidebarItems.js b/src/components/SidebarItems.js
index 8494b5e..d62b80d 100644
--- a/src/components/SidebarItems.js
+++ b/src/components/SidebarItems.js
@@ -1,17 +1,13 @@
-import React, { Component } from "react";
+import React from "react";
 import { Menu } from "semantic-ui-react";
 
-class SidebarItems extends Component {
-  render() {
-    return (
-      <>
-        <Menu.Item as="a" className="shape-btn" onClick={() => {
-          console.log('a')
-          this.props.addPlanet();
-          }}>
-          Add Planet
-        </Menu.Item>
-        {/* <Menu.Item as='a' className="shape-btn" onClick={()=>{this.props.addPrimitive('box')}}>cube</Menu.Item>
+const SidebarItems = addPlanet => {
+  return (
+    <>
+      <Menu.Item as="a" className="shape-btn" onClick={addPlanet}>
+        Add Planet
+      </Menu.Item>
+      {/* <Menu.Item as='a' className="shape-btn" onClick={()=>{this.props.addPrimitive('box')}}>cube</Menu.Item>
         <Menu.Item as='a' className="shape-btn" onClick={()=>{this.props.addPrimitive('torus-knot')}}>torus knot</Menu.Item>
         <Menu.Item as='a' className="shape-btn" onClick={()=>{this.props.addPrimitive('plane')}}>plane</Menu.Item>
         <Menu.Item as='a' className="shape-btn" onClick={()=>{this.props.addPrimitive('light')}}>kill lights</Menu.Item>
@@ -19,9 +15,8 @@ class SidebarItems extends Component {
         <Menu.Item as='a' className="shape-btn" onClick={this.props.addText2}>Add Text v2</Menu.Item>
         <Menu.Item as='a' className="shape-btn" onClick={this.props.handleColorPicker} >Select Color</Menu.Item>
         <Menu.Item as='a' className="shape-btn warning" onClick={this.props.removeAllUserAdded}>clear</Menu.Item> */}
-      </>
-    );
-  }
-}
+    </>
+  );
+};
 
 export default SidebarItems;