From 63b66d5df66f454e61b7a52b4fae338c3becfc98 Mon Sep 17 00:00:00 2001
From: mhatvan <markus_hatvan@aon.at>
Date: Tue, 6 Jul 2021 21:57:57 +0200
Subject: fix: fix breaking tab component

- move active tab state from componentDidMount to constructor
- fix toggle.tsx breaking tsc
- add .prettierrc.js for consistent formatting
---
 src/components/ui/Tabs/Tabs.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

(limited to 'src/components/ui')

diff --git a/src/components/ui/Tabs/Tabs.js b/src/components/ui/Tabs/Tabs.js
index 7ece29fbe..e68dc3a1d 100644
--- a/src/components/ui/Tabs/Tabs.js
+++ b/src/components/ui/Tabs/Tabs.js
@@ -8,6 +8,11 @@ import { oneOrManyChildElements } from '../../../prop-types';
 export default
 @observer
 class Tab extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { active: this.props.active };
+  }
+
   static propTypes = {
     children: oneOrManyChildElements.isRequired,
     active: PropTypes.number,
@@ -17,17 +22,13 @@ class Tab extends Component {
     active: 0,
   };
 
-  componentDidMount() {
-    this.setState({ active: this.props.active });
-  }
-
   switchTab(index) {
     this.setState({ active: index });
   }
 
   render() {
     const { children: childElements } = this.props;
-    const children = childElements.filter((c) => !!c);
+    const children = childElements.filter(c => !!c);
 
     if (children.length === 1) {
       return <div>{children}</div>;
-- 
cgit v1.2.3-70-g09d2