Function useSquadNavigation

packages/shared/src/hooks/useSquadNavigation.ts:22–71

()

}

export const useSquadNavigation = (): UseSquadNavigation => {
  const { user, showLogin } = useAuthContext();
  const router = useRouter();
  const { openModal } = useLazyModal();

  const newSquadUrl = `${webappUrl}squads/new`;

  const openNewSquad = useCallback(
    (props?: OpenNewSquadProps) => {
      if (!user) {
        props?.event?.preventDefault();
        showLogin({ trigger: AuthTriggers.CreateSquad });
        return;
      }

      props?.event?.preventDefault();

      if (props?.pageRedirect) {
        router.push(`${newSquadUrl}?origin=${props.origin}`);
        return;
      }

      openModal({ type: LazyModal.NewSquad });
    },
    [user, openModal, showLogin, router, newSquadUrl],
  );

  const editSquad = useCallback(
    ({ handle }: EditSquadProps) => {
      router.push(`${webappUrl}squads/${handle}/edit`);
    },
    [router],
  );

  useEffect(() => {
    const search = new URLSearchParams(window.location.search);
    const query = Object.fromEntries(search);
    if (!query?.squad) {
      return;
    }

    const { origin, pathname } = window.location;
    openNewSquad({ origin: Origin.Notification });
    router.replace(origin + pathname);
    // @NOTE see https://dailydotdev.atlassian.net/l/cp/dK9h1zoM
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [router.pathname]);

  return { openNewSquad, editSquad, newSquadUrl };
};