diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-05-26 16:14:55 -0400 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-05-26 16:15:37 -0400 |
| commit | 716caad656f8435f93a33596692e7e83f0a2af12 (patch) | |
| tree | cdf83a34d6b35680008474415214aa24588c90d9 /src/components/common | |
| parent | 2787ddea5c8c354c0ca58378b1297ee2b42a907f (diff) | |
Add logic to get correct percentage coordinate, Cleanup code
Diffstat (limited to 'src/components/common')
| -rw-r--r-- | src/components/common/MomentTags.tsx | 35 |
1 files changed, 10 insertions, 25 deletions
diff --git a/src/components/common/MomentTags.tsx b/src/components/common/MomentTags.tsx index a75701f0..d76e1481 100644 --- a/src/components/common/MomentTags.tsx +++ b/src/components/common/MomentTags.tsx @@ -74,7 +74,7 @@ const MomentTags: React.FC<MomentTagsProps> = ({ ? (imageDimensions[1] * tag.y) / 100 + offset[1] - curStart[index][1] / 2 - : (imageDimensions[1] * tag.y) / 100 + offset[1] + offset[1] + : (imageDimensions[1] * tag.y) / 100 + offset[1] } z={tag.z} minX={offset[0]} @@ -86,35 +86,20 @@ const MomentTags: React.FC<MomentTagsProps> = ({ 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); - > + onDragRelease={() => { + console.log('fooo'); + // TODO: george + }}> <TaggDraggable taggedUser={tag.user} editingView={true} deleteFromList={() => deleteFromList(tag.user)} setStart={(coords: number[]) => editCurStart(index, coords)} + offset={{fx: offset[0], fy: offset[1]}} + imageDimensions={{ + width: imageDimensions[0], + height: imageDimensions[1], + }} /> </Draggable> ))} |