Function NavBar

apps/webapp/app/components/primitives/PageHeader.tsx:21–43

({ children }: WithChildren)

};

export function NavBar({ children }: WithChildren) {
  const organization = useOptionalOrganization();
  const showUpgradePrompt = useShowUpgradePrompt(organization);
  const navigation = useNavigation();
  const isLoading = navigation.state === "loading" || navigation.state === "submitting";
  const project = useOptionalProject();

  return (
    <div>
      <div className="grid h-10 w-full grid-rows-[auto_1px] bg-background-bright">
        <div className="flex w-full items-center justify-between pl-3 pr-1">{children}</div>
        <LoadingBarDivider isLoading={isLoading} />
      </div>
      {showUpgradePrompt.shouldShow && organization && (
        <UpgradePrompt
          runsEnabled={showUpgradePrompt.runsEnabled}
          runCountCap={showUpgradePrompt.runCountCap}
          planPath={plansPath(organization)}
        />
      )}
    </div>
  );
}

type PageTitleProps = {
  title: string;