github.com/quickfeed/quickfeed@v0.0.0-20240507093252-ed8ca812a09c/public/src/components/LabResultTable.tsx (about) 1 import React from "react" 2 import { Assignment, Submission } from "../../proto/qf/types_pb" 3 import ProgressBar, { Progress } from "./ProgressBar" 4 import SubmissionInfo from "./submissions/SubmissionInfo" 5 import SubmissionScores from "./submissions/SubmissionScores" 6 7 type LabProps = { 8 submission: Submission 9 assignment: Assignment 10 } 11 12 const LabResultTable = ({ submission, assignment }: LabProps): JSX.Element => { 13 if (submission && assignment) { 14 return ( 15 <div className="pb-2"> 16 <div className="pb-2"> 17 <ProgressBar key={"progress-bar"} courseID={assignment.CourseID.toString()} assignmentIndex={assignment.order - 1} submission={submission} type={Progress.LAB} /> 18 </div> 19 <SubmissionInfo submission={submission} assignment={assignment} /> 20 <SubmissionScores submission={submission} /> 21 </div> 22 ) 23 } 24 return <div className="container"> No Submission </div> 25 } 26 27 export default LabResultTable