export default function ResultSet()

in example-apps/relevance-workbench/app-ui/src/components/ResultSet.js [8:43]

35 lines of code
3 McCabe index (conditional complexity)


export default function ResultSet({ index, type, results, enableRrf, setEnableRrf, activeResult, setActiveResult, globalSettings }) {
  const { theme, id, label, rrf_capable, showChange } = type;
  const resultSetClasses = classNames(
    "p-8 relative", {
      "border-4 border-elastic-blue": theme === "dark",
      "shadow-lg bg-elastic-blue-light": theme === "light",
    }
  )

  return (
    <div className={resultSetClasses}>
      <BackgroundPattern theme={theme} />
      <div className="flex justify-between items-center mb-4">
        <h2 className="text-2xl font-bold text-white">{label}</h2>
        {(rrf_capable && results.length > 0) && (
          <div className="flex items-center gap-4">
            <RRFToggle enableRrf={enableRrf} setEnableRrf={setEnableRrf} />
            <p className="text-sm text-white font-medium">Enable RRF</p>
          </div>
        )}
      </div>
      {results.map((result) => (
        <SearchResult
          key={result._id}
          theme={theme}
          result={result}
          activeResult={activeResult}
          setActiveResult={setActiveResult}
          globalSettings={globalSettings}
          showChange={showChange}
          typeId={id}
        />
      ))}
    </div>
  );
}