aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/screens/profile/CaptionScreen.tsx47
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