Dapp browser: disable tab closing for empty state

[benisgold]

Fixes APP-####

What changed (plus any additional context for devs)

• should not be able to close tab if there's only one open and it's the homepage

Screen recordings / screenshots

What to test

[benisgold]

might need diff animation config here once we add animation for going from multiple tabs -> single tab

[christianbaroni]

nice, in the swipeToCloseTabGestureHandler though I'd remove all of the early returns you added and instead modify onEnd like this, so that it rebounds instead of blocking the gesture:

onEnd: (e, ctx: { startX?: number }) => {
  if (!tabViewVisible?.value) return;

  const xDelta = e.absoluteX - (ctx.startX || 0);
  setNativeProps(scrollViewRef, { scrollEnabled: !!tabViewVisible?.value });

  const isBeyondDismissThreshold = (xDelta < -(TAB_VIEW_COLUMN_WIDTH / 2 + 20) && e.velocityX <= 0);
  const isFastLeftwardSwipe = e.velocityX < -500;

  if ((isBeyondDismissThreshold || isFastLeftwardSwipe) && !isEmptyState) {
    const xDestination = -Math.min(Math.max(deviceWidth * 1.25, Math.abs(e.velocityX * 0.3)), 1000);
    gestureX.value = withTiming(xDestination, TIMING_CONFIGS.tabPressConfig, () => {
      runOnJS(closeTab)(tabId);
      gestureScale.value = 0;
      gestureX.value = 0;
      gestureY.value = 0;
      ctx.startX = undefined;
    });
  } else {
    gestureScale.value = withTiming(1, TIMING_CONFIGS.tabPressConfig);
    gestureX.value = withTiming(0, TIMING_CONFIGS.tabPressConfig);
    gestureY.value = withTiming(0, TIMING_CONFIGS.tabPressConfig);
    ctx.startX = undefined;
  }
},

[christianbaroni]

looks good aside from my previous comment

[christianbaroni]

these early returns should be removed once we fix the disabling of the gesture handlers outside of the tab view

probably currently allows the tab to get stuck if while dragging a tab you exit the tab view

we could even remove the early return in onEnd now and add a !!tabViewVisible?.value condition where I added !isEmptyTab:

onEnd: (e, ctx: { startX?: number }) => {
  const xDelta = e.absoluteX - (ctx.startX || 0);
  setNativeProps(scrollViewRef, { scrollEnabled: !!tabViewVisible?.value });

  const isBeyondDismissThreshold = (xDelta < -(TAB_VIEW_COLUMN_WIDTH / 2 + 20) && e.velocityX <= 0);
  const isFastLeftwardSwipe = e.velocityX < -500;
  const shouldDismiss = !!tabViewVisible?.value && !isEmptyState && (isBeyondDismissThreshold || isFastLeftwardSwipe);

  if (shouldDismiss) {
      
    // rest the same

[christianbaroni]

✅✅