schema search refreshes component

[nsheff]

when searching for a schema, if you type in something partway, then it submits the search, it refreshes the search box component, resetting the focus, so your typing is no longer in the box.

the search submit should not refresh or change focus from the search box, it should only update the results component.

[nleroy917]

I believe the issue is this:

const {
  data: schemas,
  isFetching: isLoading,
  error,
} = useAllSchemas({
  limit,
  offset,
  search: searchDebounced,
  order,
  orderBy,
});

const noSchemasInDatabase = schemas?.count === 0;

if (isLoading) { // <----------- Right here
  return (
    <PageLayout title="Browse">
      <div className="w-100">
        <SchemasPagePlaceholder />
      </div>
    </PageLayout>
  );
}

When it searches, isLoading is now true.. so we render a completely different UI, thus you get defocused. A better approach would be to check if we are loading way down below where we actually render the schema cards.

[nleroy917]

Simple fix, I believe