Function InternalApp

packages/extension/src/newtab/App.tsx:99–193

()

}

function InternalApp(): ReactElement {
  const { isOnboardingComplete } = useOnboardingActions();
  useError();
  useWebVitals();
  useScrollbarWidth();
  const { setCurrentPage, currentPage } = useExtensionContext();
  const { unreadCount } = useNotificationContext();
  const { contentScriptGranted } = useContentScriptStatus();
  const { hostGranted, isFetching: isCheckingHostPermissions } =
    useHostStatus();
  const routeChangedCallbackRef = useLogPageView();
  useConsoleLogo();
  const { user, isAuthReady } = useAuthContext();
  const { growthbook } = useGrowthBookContext();
  const isPageReady =
    (growthbook?.ready && router?.isReady && isAuthReady) || isTesting;
  const shouldRedirectOnboarding =
    isPageReady && (!user || !isOnboardingComplete) && !isTesting;

  useCheckLocation();
  useCheckCoresRole();

  useEffect(() => {
    if (routeChangedCallbackRef.current && isPageReady) {
      routeChangedCallbackRef.current();
    }
  }, [isPageReady, routeChangedCallbackRef, currentPage]);

  const { dismissToast } = useToastNotification();

  const onPageChanged = useCallback(
    (page: string): void => {
      setCurrentPage(page);
      dismissToast();
    },
    [dismissToast, setCurrentPage],
  );

  useEffect(() => {
    if (contentScriptGranted) {
      getContentScriptPermissionAndRegister();
    }
  }, [contentScriptGranted]);

  useEffect(() => {
    if (!isPageReady) {
      return undefined;
    }
    let isActive = true;
    // Ask the background once whether the activation primer opened this tab.
    // If so, a logged-out user is routed into onboarding a single time; every
    // later new tab falls back to the normal behavior below.
    browser.runtime
      .sendMessage({ type: ExtensionMessageType.ConsumeActivateOnboarding })
      .then((response) => {
        const pending = (response as { pending?: boolean } | undefined)
          ?.pending;
        if (isActive && pending && !user) {