feat: use opacity instead of dot

Signed-off-by: Pianist038801 <[email protected]>
flyteorg · Oct 26, 2021 · e08c96d · e08c96d
1 parent be5ee74
commit e08c96d
Showing 1 changed file with 4 additions and 13 deletions.
diff --git a/src/components/common/BarChart.tsx b/src/components/common/BarChart.tsx
@@ -41,13 +41,6 @@ const useStyles = makeStyles((theme: Theme) => ({
         cursor: 'pointer',
         width: '80%',
         marginLeft: '10%'
-    },
-    circle: {
-        borderRadius: '50%',
-        backgroundColor: 'purple',
-        height: 6,
-        marginTop: 3,
-        width: 6
     }
 }));
 
@@ -90,14 +83,12 @@ const BarChartItem: React.FC<BarChartItemProps> = ({
         <>
             <div
                 className={styles.itemBar}
-                style={{ backgroundColor: color, height: `${value}%` }}
-                onClick={onClick}
-            />
-            <div
-                className={styles.circle}
                 style={{
-                    backgroundColor: isSelected ? '#CC23E8' : 'transparent'
+                    backgroundColor: color,
+                    height: `${value}%`,
+                    opacity: isSelected ? '100%' : '50%'
                 }}
+                onClick={onClick}
             />
         </>
     );