export default function Optimistic()

in src/devtools/views/StoreInspector/OptimisticUpdates.js [21:59]

• 36 lines of code
• 5 McCabe index (conditional complexity)

export default function Optimistic({ optimisticUpdates }: Props) {
  const [selectedRecordID, setSelectedRecordID] = useState('');
  if (optimisticUpdates == null) {
    return (
      <div className={styles.NoOptimisticUpdates}>No Optimistic Updates!</div>
    );
  }
  const optimisticUpdatesByType = new Map();

  for (const key in optimisticUpdates) {
    const rec = optimisticUpdates[key];
    if (rec != null) {
      const arr = optimisticUpdatesByType.get(rec.__typename);
      if (arr) {
        arr.push(key);
      } else {
        optimisticUpdatesByType.set(rec.__typename, [key]);
      }
    }
  }

  const selectedRecord = optimisticUpdates[selectedRecordID];

  return (
    <div className={styles.TabContent}>
      <RecordList
        records={optimisticUpdates}
        recordsByType={optimisticUpdatesByType}
        selectedRecordID={selectedRecordID}
        setSelectedRecordID={setSelectedRecordID}
      />
      <RecordDetails
        records={optimisticUpdates}
        setSelectedRecordID={setSelectedRecordID}
        selectedRecord={selectedRecord}
      />
    </div>
  );
}