fix: carousel buttons - removed - blocking chart

jcw780 · Jul 14, 2020 · a96a5d9 · a96a5d9
1 parent 5b0cd9c
commit a96a5d9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/components/Charts/Charts.css b/src/components/Charts/Charts.css
@@ -6,6 +6,14 @@
     font-size: 1.25rem;
 }
 
+.carousel-control-next{
+    width: 0;
+}
+
+.carousel-control-prev{
+    width: 0;
+}
+
 .carousel-control>.carousel-button{
     font-size: inherit;
 }

diff --git a/src/components/Charts/Charts.tsx b/src/components/Charts/Charts.tsx
@@ -120,15 +120,18 @@ interface subGroupProps {
     onUpdate: Function, carousel: boolean,
     dimensions: {height: number, width: number},  
 } 
-class SubGroup extends React.Component<subGroupProps, {index: number}>{
+class SubGroup extends React.Component<subGroupProps, {index: number, locked: boolean}>{
     public static defaultProps = {updateLinks: false, carousel: true};
-    state = {index: 0};
+    state = {index: 0, locked: true};
     scrollRef = React.createRef<any>();
     private handleSelect = (selectedIndex:number, e) => {
-        this.setState({index: selectedIndex});
+        if(!this.state.locked){
+            this.setState({index: selectedIndex});
+        }
     }
     private handleSelectButton = value => {
-        this.setState({index: parseInt(value)});
+        const intValue = parseInt(value);
+        this.setState({index: intValue});
     }
     private addButtons = () => {
         return (