Function ShellHeader

console/src/platform/shell/ShellHeader.tsx:59–253

({
  runCommand,
}: {
  runCommand: (command: string) => void;
})

}

const ShellHeader = ({
  runCommand,
}: {
  runCommand: (command: string) => void;
}) => {
  const { colors, shadows } = useTheme<MaterializeTheme>();
  const [shellState, setShellState] = useAtom(shellStateAtom);
  const {
    sessionParameters: { database, search_path: searchPath, cluster },
  } = shellState;
  const {
    data: schemas,
    snapshotComplete: isSchemasSnapshotComplete,
    isError: isSchemasError,
  } = useAllSchemas({ includeSystemSchemas: false });

  const {
    data: clusters,
    isError: isClustersError,
    error: clustersSubscribeError,
    snapshotComplete: isClustersSnapshotComplete,
  } = useAllClusters();

  if (
    isClustersError &&
    clustersSubscribeError &&
    clustersSubscribeError.code !== SUBSCRIBE_ERROR_CODE.CONNECTION_CLOSED
  ) {
    Sentry.captureException(
      new Error(
        `ClusterDropdown load errors: ${clustersSubscribeError.message} (${clustersSubscribeError.code})`,
      ),
    );
  }
  const isSelectedClusterExtant = clusters.some((c) => c.name === cluster);

  const clusterOptions = useMemo(() => {
    const allClusters = clusters
      // Don't show system clusters in the dropdown
      .filter(({ id }) => !isSystemId(id))
      .map((c) => ({
        name: c.name,
      }));

    allClusters.sort((a, b) => a.name.localeCompare(b.name));
    return allClusters;
  }, [clusters]);

  const selectedSchemaOption = useMemo(() => {
    return getSelectedSchemaOption(searchPath, database, schemas);
  }, [searchPath, database, schemas]);

  const schemaOptions = useMemo(() => {
    if (schemas === undefined) {
      return [];
    }

    const newSchemaOptions = schemas.map(({ name, databaseName }) => ({