Function QueryView

src/ui-solid-inspector/index.tsx:886–920

(
  props: {
    readonly queries: any;
    readonly queriesId?: Id;
    readonly queryId: Id;
  } & StoreProp,
)

};

const QueryView = (
  props: {
    readonly queries: any;
    readonly queriesId?: Id;
    readonly queryId: Id;
  } & StoreProp,
) => {
  const uniqueId = getUniqueId('q', props.queriesId, props.queryId);
  const sort = useCell(STATE_TABLE, uniqueId, SORT_CELL, props.s);
  const sortProps = createMemo(
    () => jsonParse((sort() as string) ?? '[]') as [Id, boolean, number],
  );
  const handleChange = useSetCellCallback(
    STATE_TABLE,
    uniqueId,
    SORT_CELL,
    jsonStringWithMap,
    props.s,
  );
  return (
    <Details uniqueId={uniqueId} title={'Query: ' + props.queryId} s={props.s}>
      <ResultSortedTableInHtmlTable
        queryId={props.queryId}
        queries={props.queries}
        cellId={sortProps()[0]}
        descending={sortProps()[1]}
        offset={sortProps()[2]}
        limit={10}
        paginator={true}
        sortOnClick={true}
        onChange={handleChange}
      />
    </Details>
  );
};

const QueriesView = (props: {readonly queriesId?: Id} & StoreProp) => {
  const queries = useQueries(props.queriesId);