function VertexTypeList()

in packages/graph-explorer/src/modules/ConnectionDetail/ConnectionData.tsx [57:98]

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

function VertexTypeList({
  vtConfigs,
}: {
  vtConfigs: DisplayVertexTypeConfig[];
}) {
  const t = useTranslations();

  return (
    <Virtuoso
      className="h-full grow"
      data={vtConfigs}
      components={{
        EmptyPlaceholder: props => (
          <PanelEmptyState
            title={t("connection-detail.no-search-title")}
            subtitle={t("connection-detail.no-search-subtitle")}
            {...props}
          />
        ),
      }}
      itemContent={(index, config) => (
        <div
          className={cn(
            "px-3",
            index === 0 && "pt-3",
            index === vtConfigs.length - 1 && "pb-3"
          )}
        >
          <div
            className={cn(
              "border-x border-b",
              index === 0 && "rounded-t-lg border-t",
              index === vtConfigs.length - 1 && "rounded-b-lg"
            )}
          >
            <Row config={config} />
          </div>
        </div>
      )}
    />
  );
}