WIP #2: Added styling to arrows

BaibhaVatsa · Nov 28, 2019 · 5c214c3 · 5c214c3
1 parent 8d3f7c9
commit 5c214c3
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/ArrowComponent.tsx b/src/components/ArrowComponent.tsx
@@ -10,13 +10,16 @@ type ArrowProps = {
     disabled: boolean;
 }
 
+const vanillaArrowStyle = {boxShadow: "none", background: "#f4f4f4"}
+
 const ArrowComponent: React.FC<ArrowProps> = (props: ArrowProps) => {
     const directionNumber = (props.direction === "right") ? 1 : -1;
     return (
         <div>
-            <Fab size='large' aria-label='add' variant='extended' 
+            <Fab size='large' aria-label='change_date' 
                 onClick={() => props.handleClick(directionNumber)}
-                disabled={props.disabled}>
+                disabled={props.disabled}
+                style={vanillaArrowStyle}>
                 {(directionNumber == 1) ? <ChevronRightIcon /> : <ChevronLeftIcon />}
             </Fab>
         </div>