github.com/quickfeed/quickfeed@v0.0.0-20240507093252-ed8ca812a09c/public/src/components/manual-grading/Benchmark.tsx (about)

     1  import React, { useState } from "react"
     2  import { GradingBenchmark } from "../../../proto/qf/types_pb"
     3  import GradeComment from "./GradeComment"
     4  
     5  
     6  const Benchmark = ({ children, bm }: { children: React.ReactNode, bm: GradingBenchmark }): JSX.Element => {
     7      const [editing, setEditing] = useState<boolean>(false)
     8      return (
     9          <>
    10              <tr className="table-info">
    11                  <th colSpan={2}>{bm.heading}</th>
    12                  <th onClick={() => setEditing(true)}>{bm.comment}</th>
    13              </tr>
    14              <GradeComment grade={bm} editing={editing} setEditing={setEditing} />
    15              {children}
    16          </>
    17      )
    18  }
    19  
    20  export default Benchmark