Function IndexList

console/src/platform/clusters/IndexList.tsx:71–123

()

} from "./queries";

const IndexList = () => {
  const { clusterId } = useParams<ClusterParams>();
  assert(clusterId);
  const maybeOrganizationId = useMaybeCurrentOrganizationId();
  const schemaObjectFilters = useSchemaObjectFilters("indexName");
  const { databaseFilter, schemaFilter, nameFilter } = schemaObjectFilters;
  const organizationIdKeyPrefix = maybeOrganizationId?.data
    ? `${maybeOrganizationId?.data ?? ""}-`
    : "";
  const [showSystemObjects, setShowSystemObjects] = useLocalStorage<boolean>(
    `${organizationIdKeyPrefix}${clusterId}-show-system-objects`,
    isSystemCluster(clusterId),
  );

  return (
    <MainContentContainer>
      <HStack mb="6" alignItems="center" justifyContent="space-between">
        <Text textStyle="heading-sm">Indexes</Text>
        <HStack>
          <FormLabel
            htmlFor="show-system-objects"
            variant="inline"
            textStyle="text-base"
          >
            Show introspection objects
          </FormLabel>
          <Switch
            id="show-system-objects"
            isChecked={showSystemObjects}
            onChange={() => setShowSystemObjects((value: boolean) => !value)}
          />
          <DatabaseFilter {...databaseFilter} />
          <SchemaFilter {...schemaFilter} />
          <SearchInput
            name="source"
            value={nameFilter.name}
            onChange={(e) => {
              nameFilter.setName(e.target.value);
            }}
          />
        </HStack>
      </HStack>
      <AppErrorBoundary message="An error has occurred loading indexes">
        <React.Suspense fallback={<LoadingContainer />}>
          <IndexListInner
            {...schemaObjectFilters}
            showSystemObjects={showSystemObjects}
          />
        </React.Suspense>
      </AppErrorBoundary>
    </MainContentContainer>
  );
};

interface IndexListInnerProps {
  databaseFilter: DatabaseFilterState;