Function GoBackButton

packages/shared/src/components/post/GoBackHeaderMobile.tsx:33–81

({
  className,
  showLogo = true,
  fallbackPath,
}: WithClassNameProps & {
  showLogo?: boolean;
  fallbackPath?: string;
})

};

export const GoBackButton = ({
  className,
  showLogo = true,
  fallbackPath,
}: WithClassNameProps & {
  showLogo?: boolean;
  fallbackPath?: string;
}): JSX.Element | null => {
  const router = useRouter();
  const goHome = useCallback(() => router.push('/'), [router]);
  const featureTheme = useFeatureTheme();

  const canGoBack =
    globalThis?.history?.length > 1 && (checkSameSite() || isDevelopment);

  const goBack = useCallback(() => {
    if (canGoBack) {
      router.back();
      return;
    }

    if (fallbackPath) {
      router.push(fallbackPath);
    }
  }, [canGoBack, fallbackPath, router]);

  const logoButton = showLogo ? (
    <Logo
      className="my-2"
      onLogoClick={goHome}
      position={LogoPosition.Initial}
      featureTheme={featureTheme}
    />
  ) : null;

  return canGoBack || fallbackPath ? (
    <Button
      icon={<ArrowIcon className="-rotate-90" />}
      size={ButtonSize.Small}
      variant={ButtonVariant.Tertiary}
      onClick={goBack}
      className={className}
      type="button"
      aria-label="Go back"
    />
  ) : (
    logoButton
  );
};

export function GoBackHeaderMobile({
  children,