2 files changed, 31 insertions, 6 deletions
diff --git a/src/components/common/Draggable.tsx b/src/components/common/Draggable.tsx
index 1253fed4..15ba3325 100644
--- a/src/components/common/Draggable.tsx
+++ b/src/components/common/Draggable.tsx
@@ -136,7 +136,9 @@ export default function Draggable(props: IProps) {
       isDragging.current = false;
       if (onDragRelease) {
         onDragRelease(e, gestureState);
-        onRelease(e, true);
+      }
+      if (onRelease) {
+        onRelease(e, gestureState);
       }
       if (!shouldReverse) {
         pan.current.flattenOffset();
@@ -193,6 +195,7 @@ export default function Draggable(props: IProps) {
         listener: handleOnDrag,
         useNativeDriver: false,
       }),
+      onPanResponderRelease,
       // onPanResponderRelease: (_) => {
       //   // console.log('end');
       //   // setZIndex(1);
diff --git a/src/components/common/MomentTags.tsx b/src/components/common/MomentTags.tsx
index 75a81814..56113758 100644
--- a/src/components/common/MomentTags.tsx
+++ b/src/components/common/MomentTags.tsx
@@ -17,8 +17,8 @@ const MomentTags: React.FC<MomentTagsProps> = ({
   deleteFromList,
 }) => {
   const [offset, setOffset] = useState([0, 0]);
-  const [curStart, setCurStart] = useState({});
   const [imageDimensions, setImageDimensions] = useState([0, 0]);
+  const [curStart, setCurStart] = useState({});
   const [maxZIndex, setMaxZIndex] = useState(1);
 
   const editCurStart = (idName: number, coords: number[]) => {
@@ -43,8 +43,6 @@ const MomentTags: React.FC<MomentTagsProps> = ({
     }, 250);
   }, []);
 
-  useEffect(() => {}, [curStart]);
-
   if (!tags) {
     return null;
   }
@@ -67,7 +65,7 @@ const MomentTags: React.FC<MomentTagsProps> = ({
                 curStart[index][1] / 2
               : (imageDimensions[1] * tag.y) / 100 + offset[1] + offset[1]
           }
-          z={maxZIndex + 1}
+          z={tag.z}
           minX={offset[0]}
           minY={offset[1]}
           maxX={imageDimensions[0] + offset[0]}
@@ -76,7 +74,31 @@ const MomentTags: React.FC<MomentTagsProps> = ({
             const currZIndex = maxZIndex;
             setMaxZIndex(currZIndex + 1);
             return currZIndex;
-          }}>
+          }}
+          onDragRelease={(e, state) => {
+            // console.log(state.moveX);
+            // console.log(state.moveY);
+            // console.log(state);
+            // console.log(offset[0]);
+            // console.log(offset[1]);
+            // console.log(imageDimensions[0]);
+            // console.log(imageDimensions[1]);
+            // console.log(state.moveX / imageDimensions[0]);
+            // console.log(
+            //   Math.floor(
+            //     ((state.moveY - offset[0] + curStart[index][0] / 2) /
+            //       imageDimensions[1]) *
+            //       100,
+            //   ),
+            // );
+          }}
+          // onPressIn={() => {
+          //   console.log('fooo');
+          // }}
+          // onPressOut={() => {
+          //   console.log('fooo');
+          //   // console.log(state);
+        >
           <TaggDraggable
             taggedUser={tag.user}
             editingView={true}