diff options
author | Shravya Ramesh <shravs1208@gmail.com> | 2021-05-20 17:10:08 -0700 |
---|---|---|
committer | Shravya Ramesh <shravs1208@gmail.com> | 2021-05-20 17:10:08 -0700 |
commit | cd25cc9bd421f142e84741a03c1c1e4da47a094c (patch) | |
tree | e8ca38207e96da115631ec4b730fb52d04fbfbd0 /src | |
parent | 0b4cbd6f9d7aa56c0200bd19ea5df4abd6964964 (diff) |
Update layer order
Diffstat (limited to 'src')
-rw-r--r-- | src/screens/profile/CaptionScreen.tsx | 47 |
1 files changed, 6 insertions, 41 deletions
diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx index a2b9a3ad..cffb7153 100644 --- a/src/screens/profile/CaptionScreen.tsx +++ b/src/screens/profile/CaptionScreen.tsx @@ -108,50 +108,15 @@ const CaptionScreen: React.FC<CaptionScreenProps> = ({route, navigation}) => { * Helper function that we use to keep track of which element should be on top most layer * @param index */ - const bringToFront = async (index: number) => { + const bringToFront = (index: number) => { let currUser = taggList[index].id; - // console.log(currUser); - // console.log('layer order : ' + layerOrder); - // if (layerOrder.length === 0) { - // setLayerOrder([currUser]); - // } - const newLayerOrder: string[] = []; - newLayerOrder.push(currUser); - newLayerOrder.concat(layerOrder); - // console.log('BEFORE NLOrder' + newLayerOrder); - // if (layerOrder.includes(currUser)) { - // newLayerOrder.splice(newLayerOrder.indexOf(currUser), 1); - // } - // console.log('NLOrder' + newLayerOrder); - // const newArray = ; - // console.log('should be', [currUser, ...newLayerOrder]); - await setLayerOrder(newLayerOrder); - // console.log('is', layerOrder); - // console.log('ON TOP IS THIS ONE: ' + layerOrder[0]); + if (layerOrder.includes(currUser)) { + layerOrder.splice(layerOrder.indexOf(currUser), 1); + } + layerOrder.push(currUser); + setLayerOrder(layerOrder); }; - useEffect(() => { - console.log( - 'layerOPrder is updating ' + - typeof layerOrder + - ' ' + - layerOrder + - ' ' + - layerOrder.length, - ); - }, [layerOrder]); - console.log('outside: ' + layerOrder); - useEffect(() => { - console.log( - 'wer are nupdating is updating ' + - typeof layerOrder + - ' ' + - layerOrder + - ' ' + - layerOrder.length, - ); - }); - /** * Helper function that tells us if the current draggable is the topmost one. * @param index |