OpenConceptLab/ocl_issues#648 | Retired Control | added tooltip and m…

…ade it outlined
OpenConceptLab · Mar 16, 2021 · 729c0bc · 729c0bc
1 parent 562fbf9
commit 729c0bc
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/components/common/IncludeRetiredFilterChip.jsx b/src/components/common/IncludeRetiredFilterChip.jsx
@@ -1,18 +1,20 @@
 import React from 'react';
-import { Chip } from '@material-ui/core';
+import { Chip, Tooltip } from '@material-ui/core';
 
 const IncludeRetiredFilterChip = ({ size, applied, onClick }) => {
   const label = applied ? 'Exclude Retired' : 'Include Retired';
   const color = applied ? 'primary' : 'secondary';
   return (
-    <Chip
-      label={ label }
-      variant={applied ? 'default' : 'outlined'}
-      clickable
-      color={ color }
-      size={ size || 'medium' }
-      onClick={ onClick }
-    />
+    <Tooltip title={applied ? 'Exclude retired results' : 'Include retried results'}>
+      <Chip
+        label={ label }
+        variant='outlined'
+        clickable
+        color={ color }
+        size={ size || 'medium' }
+        onClick={ onClick }
+      />
+    </Tooltip>
   );
 }