Function TablesView

src/ui-solid-inspector/index.tsx:696–728

(
  props: TablesProps & {readonly storeId?: Id} & StoreProp,
)

};

const TablesView = (
  props: TablesProps & {readonly storeId?: Id} & StoreProp,
) => {
  const uniqueId = getUniqueId('ts', props.storeId);
  const [editable, handleEditable] = useEditable(uniqueId, props.s);
  const tableIds = useTableIds(props.store);
  return Details({
    uniqueId,
    title: TABLES,
    editable,
    handleEditable,
    s: props.s,
    get children() {
      return (
        <>
          {arrayIsEmpty(tableIds()) ? (
            <p>No tables.</p>
          ) : (
            sortedIdsMap(tableIds(), (tableId) => (
              <TableView
                store={props.store}
                storeId={props.storeId}
                tableId={tableId}
                s={props.s}
              />
            ))
          )}
          {editable() ? <TablesActions store={props.store} /> : EMPTY_STRING}
        </>
      );
    },
  });
};

const StoreView = (props: {readonly storeId?: Id} & StoreProp) => {
  const store = useStore(props.storeId);