Function RemoteRowView

src/ui-solid/RemoteRowView.tsx:18–51

(props: RemoteRowProps)

import {RowView} from './RowView.tsx';

export const RemoteRowView = (props: RemoteRowProps): JSXElement => {
  const resolvedRelationships = useRelationshipsOrRelationshipsById(
    () => props.relationships,
  );
  const rowId = useRemoteRowId(
    () => props.relationshipId,
    () => props.localRowId,
    resolvedRelationships,
  );
  const content = () => {
    const Row = props.rowComponent ?? RowView;
    const [_relationshipsValue, store, , remoteTableId] =
      getRelationshipsStoreTableIds(
        getValue(resolvedRelationships),
        props.relationshipId,
      );
    const remoteRowId = getValue(rowId) as Id | undefined;
    return wrap(
      isUndefined(remoteTableId) || isUndefined(remoteRowId) ? null : (
        <Row
          {...getProps(props.getRowComponentProps, remoteRowId as Id)}
          tableId={remoteTableId}
          rowId={remoteRowId}
          store={store}
          debugIds={props.debugIds}
        />
      ),
      undefined,
      props.debugIds,
      props.localRowId,
    );
  };
  return <>{content()}</>;
};