diff --git a/src/ReductionHistory.tsx b/src/ReductionHistory.tsx index dec8561..11fdf42 100644 --- a/src/ReductionHistory.tsx +++ b/src/ReductionHistory.tsx @@ -179,7 +179,15 @@ const ReductionHistory: React.FC = () => { Experiment Number - Reduction Input + + handleSort('filename')} + > + Reduction Input + + { handleSort('reduction_start')} + active={orderBy === 'run_start'} + direction={orderBy === 'run_start' ? orderDirection : 'asc'} + onClick={() => handleSort('run_start')} > - Reduction Start + Run Start handleSort('reduction_start')} + active={orderBy === 'run_end'} + direction={orderBy === 'run_end' ? orderDirection : 'asc'} + onClick={() => handleSort('run_end')} > - Reduction End + Run End + Title handleSort('reduction_start')} > - Title + Reduction Start handleSort('run_start')} + active={orderBy === 'reduction_end'} + direction={orderBy === 'reduction_end' ? orderDirection : 'asc'} + onClick={() => handleSort('reduction_end')} > - Run Start + Reduction End handleSort('run_end')} + active={orderBy === 'reduction_outputs'} + direction={orderBy === 'reduction_outputs' ? orderDirection : 'asc'} + onClick={() => handleSort('reduction_outputs')} > - Run End + Reduction Outputs - Reduction Outputs @@ -243,11 +251,11 @@ const ReductionHistory: React.FC = () => { {reduction.runs[0].experiment_number} {extractFileName(reduction.runs[0].filename)} {formatReductionStatus(reduction.reduction_state)} - {formatDateTime(reduction.reduction_start)} - {formatDateTime(reduction.reduction_end)} - {reduction.runs[0].title} {formatDateTime(reduction.runs[0].run_start)} {formatDateTime(reduction.runs[0].run_end)} + {reduction.runs[0].title} + {formatDateTime(reduction.reduction_start)} + {formatDateTime(reduction.reduction_end)} {reduction.reduction_outputs} ))}