Function IndexMetadataPanel

ui/src/appComponents/IndexMetadataPanel.tsx:104–159

({ graphVersion }: Props)

}

export default function IndexMetadataPanel({ graphVersion }: Props) {
  const { store } = useStore();
  const [entries, setEntries] = useState<IndexMetadata[]>([]);
  const [collapsed, setCollapsed] = useState(false);

  useEffect(() => {
    let cancelled = false;
    store.fetchMetadata().then((result) => {
      if (!cancelled) setEntries(result);
    });
    return () => {
      cancelled = true;
    };
  }, [store, graphVersion]);

  if (entries.length === 0) return null;

  return (
    <div className="index-metadata">
      <div className="index-metadata-header">
        <button
          className="filter-section-collapse-btn"
          onClick={() => setCollapsed((c) => !c)}
          aria-expanded={!collapsed}
        >
          <svg
            width="10"
            height="10"
            viewBox="0 0 10 10"
            className={`filter-expand-icon ${collapsed ? '' : 'filter-expand-icon--open'}`}
          >
            <path
              d="M3 2 L7 5 L3 8"
              fill="none"
              stroke="currentColor"
              strokeWidth="1.5"
            />
          </svg>
        </button>
        <span
          className="filter-section-title"
          onClick={() => setCollapsed((c) => !c)}
        >
          Index Info
        </span>
      </div>
      {!collapsed && (
        <div className="index-metadata-entries">
          {entries.map((meta, i) => (
            <MetadataEntry key={meta.repoId ?? i} meta={meta} />
          ))}
        </div>
      )}
    </div>
  );
}