Add title for collecticons

NASA-IMPACT · Aug 2, 2023 · a59bc43 · a59bc43
1 parent 63fe5dc
commit a59bc43
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/app/scripts/components/common/table/index.tsx b/app/scripts/components/common/table/index.tsx
@@ -77,10 +77,9 @@ export default function TableComponent({ dataPath, excelOption, columnToSort }:T
  header.getContext())}
  {header.column.getCanSort() && 
  <Button onClick={header.column.getToggleSortingHandler()} variation='base-text'> 
-
- {header.column.getIsSorted() as string == 'asc' && <CollecticonArrowUp />}
- {header.column.getIsSorted() as string == 'desc' && <CollecticonArrowDown />}
- {!header.column.getIsSorted() && <CollecticonArrowLoop />}
+ {header.column.getIsSorted() as string == 'asc' && <CollecticonArrowUp meaninful={true} title='Sorted in ascending order' />}
+ {header.column.getIsSorted() as string == 'desc' && <CollecticonArrowDown meaninful={true} title='Sorted in descending order' />}
+ {!header.column.getIsSorted() && <CollecticonArrowLoop meaninful={true} title={`Sort the rows with this column's value`} />}
  </Button>}
  </th>
  ))}