Merge -><-

README.md

@@ -5,6 +5,9 @@ stream both [Gradio](https://gradio.app) ( and later [Streamlit](https://streaml
  
  
 ## Tabel Of Contents 📚
+ - [**Application**](#application-%EF%B8%8F)
+
+
  - [**Updates**](#updates-%EF%B8%8F)
     
     
@@ -53,7 +56,11 @@ stream both [Gradio](https://gradio.app) ( and later [Streamlit](https://streaml
  
  - [**More Demos**](#more-demos-)
  
- - [**Application**](#application-%EF%B8%8F)
+
+
+## Application 🏛️
+![Dark-Application](images/application_dark.png)
+![Light-Application](images/application_light.png)
 
 ## Updates ⚒️
 ### Backend 💽
@@ -232,8 +239,3 @@ Within the ``backend/src/demo`` directory there are some demos
 > python demo.py -e class -l 2000
 > python demo.py -e class
 ```
-## Application 🏛️
-![Dark-Application](https://github.com/LVivona/Gradio-Flow/blob/8edde72f878c174f53602c4ddff0fc6d3fc7cd61/images/app.png)
-![Light-Application](https://github.com/LVivona/Gradio-Flow/blob/8edde72f878c174f53602c4ddff0fc6d3fc7cd61/images/light-app.png)
-
-

frontend/src/Components/Nodes/Custom.js

@@ -71,15 +71,15 @@ export default class CustomNodeIframe extends React.Component {
                 </div>
               </div>)
     }
-    
+        
     render(){
       if (!this.state.reachable) this.onNodeClick(this.state.id) 
       return (<>
                 <>
-                  <div className=" flex w-full h-10 top-0 cursor-pointer">
-                  <div title="Collaspse Node" className=" duration-300 cursor-pointer shadow-xl border-2 dark:border-white border-white h-10 w-10 mr-2 -mt-3 bg-Warm-Blue rounded-xl" onClick={this.handelSelected}><CgLayoutGridSmall className="h-full w-full text-white p-1"/></div>
+                  <div className=" flex w-full h-10 top-0 cursor-pointer" onClick={this.handelEvent}>
+                  <div title="Collaspse Node" className=" duration-300 cursor-pointer shadow-xl border-2 dark:border-white border-black h-10 w-10 mr-2 -mt-3 bg-Warm-Blue rounded-xl" onClick={this.handelSelected}><CgLayoutGridSmall className="h-full w-full text-white p-1"/></div>
 
-                   
+    
                     <div className={` flex ${this.state.selected ? '' : 'w-0 hidden'}`}>
                       <div title="Adjust Node Size" className="duration-300 cursor-pointer shadow-xl border-2 dark:border-white border-white h-10 w-10 mr-2 -mt-3 bg-Warm-Violet rounded-xl" onClick={this.handelSizeState}><TbResize className="h-full w-full text-white p-1"/></div>
                       <a href={this.state.data.host} target="_blank" rel="noopener noreferrer"><div title="Gradio Host Site" className="duration-300 cursor-pointer shadow-xl border-2 dark:border-white border-white h-10 w-10 mr-2 -mt-3 bg-Warm-Pink rounded-xl"><BiCube className="h-full w-full text-white p-1"/></div></a>
@@ -107,4 +107,4 @@ export default class CustomNodeIframe extends React.Component {
                 </>
         </>)
     }
-}
+}