From 8354fc693f113c47e772d57fcc03cb11a5440974 Mon Sep 17 00:00:00 2001
From: GiordanoT <giordanotinella@gmail.com>
Date: Thu, 21 Sep 2023 17:01:32 +0200
Subject: [PATCH] tooltip and extend fixes

---
 src/components/forEndUser/Input.tsx | 8 ++++----
 src/graph/edge/PendingEdge.tsx      | 9 ++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/forEndUser/Input.tsx b/src/components/forEndUser/Input.tsx
index bacf0b8bf..e63563a22 100644
--- a/src/components/forEndUser/Input.tsx
+++ b/src/components/forEndUser/Input.tsx
@@ -62,7 +62,7 @@ function InputComponent(props: AllProps) {
         </div>;
     }
     */
-    let tooltip: string = (props.tooltip === true) ? (data["__info_of__" + field]) ? data["__info_of__" + field].txt : '' : '';
+    let tooltip: string = (props.tooltip === true) ? (data["__info_of__" + field]) ? data["__info_of__" + field].txt : '' : props.tooltip;
 
     let css = 'my-auto input ';
     let inputClassName = (props.inputClassName || '');
@@ -118,12 +118,12 @@ function InputComponent(props: AllProps) {
 
 
 
-    return(<div {...otherprops} style={{...{display: (jsxLabel || label) ? 'flex' : 'block', cursor: (tooltip) ? 'help' : 'auto'}, ...style}}
+    return(<div {...otherprops} style={{...{display: (jsxLabel || label) ? 'flex' : 'block', ...style}}}
                                 className={'p-1 ' + className}>
-        {(label && !jsxLabel) && <label className={'my-auto'} onClick={() => {if(tooltip) notify()}}>
+        {(label && !jsxLabel) && <label className={'my-auto'}  style={{cursor: (tooltip) ? 'help' : 'auto'}} onClick={() => {if(tooltip) notify()}}>
             {label}
         </label>}
-        {(jsxLabel && !label) && <label className={'my-auto'} onClick={() => {if(tooltip) notify()}}>
+        {(jsxLabel && !label) && <label className={'my-auto'} style={{cursor: (tooltip) ? 'help' : 'auto'}}  onClick={() => {if(tooltip) notify()}}>
             {jsxLabel}
         </label>}
         {autosize ? <div className={ (autosize ? "autosize-input-container" : "") + (props.asLabel ? " labelstyle" : "")}
diff --git a/src/graph/edge/PendingEdge.tsx b/src/graph/edge/PendingEdge.tsx
index 95670156f..13bf0c1f7 100644
--- a/src/graph/edge/PendingEdge.tsx
+++ b/src/graph/edge/PendingEdge.tsx
@@ -9,7 +9,6 @@ function PendingEdgeComponent(props: AllProps) {
 
     const source = props.source;
     const [mousePosition, setMousePosition] = useStateIfMounted({x: 0, y: 0});
-    const options = props.edgeSettings;
 
     useEffect(() => {
         if(source) {
@@ -20,9 +19,10 @@ function PendingEdgeComponent(props: AllProps) {
     }, );
 
     return <Xwrapper>
-        <div style={{top: mousePosition.y - 100, left: mousePosition.x - 10}}
+        <div style={{zIndex: -999, top: mousePosition.y - 100, left: mousePosition.x - 10}}
              id={'extend-target'}></div>
-        {source && <Xarrow start={source.nodes[0].id} end={'extend-target'} {...options} />}
+        {source && <Xarrow start={source.nodes[0].id} end={'extend-target'} zIndex={999}
+                           showHead={true} headSize={20} showTail={false} color={'rgba(0, 0, 0, 0.5)'} strokeWidth={1} />}
     </Xwrapper>;
 }
 
@@ -33,9 +33,8 @@ type AllProps = OwnProps & StateProps & DispatchProps;
 
 function mapStateToProps(state: DState, ownProps: OwnProps): StateProps {
     const ret: StateProps = { } as any;
-/*    ret.user = LPointerTargetable.from(state.isEdgePending.user);
+    ret.user = LPointerTargetable.from(state.isEdgePending.user);
     ret.source = LPointerTargetable.from(state.isEdgePending.source);
-    ret.edgeSettings = state._edgeSettings;*/
     return ret;
 }