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}
))}