export default function RecordDetails()

in src/devtools/views/StoreInspector/RecordDetails.js [31:58]

• 25 lines of code
• 2 McCabe index (conditional complexity)

export default function RecordDetails({
  records,
  selectedRecord,
  setSelectedRecordID,
}: Props) {
  if (selectedRecord == null) {
    return <div className={styles.NoRecordDetails}>No record selected</div>;
  }

  const { __id, __typename, ...data } = selectedRecord;

  const typename: string = (__typename: any);
  const id: string = (__id: any);

  return (
    <div className={styles.RecordDetails}>
      <Section title="ID">{id}</Section>
      <Section title="Type">{typename}</Section>
      <InspectedElementTreeStoreInspector
        label="Store data"
        data={data}
        records={records}
        setSelectedRecordID={setSelectedRecordID}
        showWhenEmpty
      />
    </div>
  );
}