Merge pull request #938 from nowcommunity/make-some-tables-unclickable

Make some tables unclickable to make them less annoying to use

frontend/src/components/Locality/Tabs/AgeTab.tsx

@@ -106,7 +106,7 @@ export const AgeTab = () => {
         targetField="bfa_min"
         fraction={editData.frac_min}
         timeUnit={bfaMinData}
-        selectorTable={<TimeUnitTable />}
+        selectorTable={<TimeUnitTable clickableRows={false} />}
         disabled={minAgeTimeUnitDisabled}
       />,
       dropdown('frac_min', fracOptions, 'Minimum fraction', minAgeTimeUnitDisabled),

frontend/src/components/Sequence/SequenceTable.tsx

@@ -34,6 +34,7 @@ export const SequenceTable = ({ selectorFn }: { selectorFn?: (id: Sequence) => v
       title="Sequences"
       isFetching={isFetching}
       visibleColumns={visibleColumns}
+      clickableRows={false}
       data={sequenceQueryData}
       url="sequence"
     />

frontend/src/components/TimeUnit/TimeUnitTable.tsx

@@ -4,7 +4,13 @@ import { useGetAllTimeUnitsQuery } from '../../redux/timeUnitReducer'
 import { TimeUnit } from '@/shared/types'
 import { TableView } from '../TableView/TableView'
 
-export const TimeUnitTable = ({ selectorFn }: { selectorFn?: (newTimeUnit: TimeUnit) => void }) => {
+export const TimeUnitTable = ({
+  selectorFn,
+  clickableRows = true,
+}: {
+  selectorFn?: (newTimeUnit: TimeUnit) => void
+  clickableRows?: boolean
+}) => {
   const { data: timeUnitQueryData, isFetching } = useGetAllTimeUnitsQuery()
   const columns = useMemo<MRT_ColumnDef<TimeUnit>[]>(
     () => [
@@ -60,6 +66,7 @@ export const TimeUnitTable = ({ selectorFn }: { selectorFn?: (newTimeUnit: TimeU
       columns={columns}
       isFetching={isFetching}
       visibleColumns={visibleColumns}
+      clickableRows={clickableRows}
       data={timeUnitQueryData}
       url="time-unit"
       enableColumnFilterModes={true}