Function TablesView

src/ui-react-inspector/TablesView.tsx:112–144

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

};

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