fix: rename use of legacy react lifecyle methods

replaced with "UNSAFE_*" methods. Needs to be fixed at some point.

frontend/src/component/feature/form/flexible-rollout-strategy-input.jsx

@@ -20,7 +20,8 @@ export default class FlexibleRolloutStrategy extends Component {
         handleConfigChange: PropTypes.func.isRequired,
     };
 
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         const { strategy, featureToggleName } = this.props;
         if (!strategy.parameters.rollout) {
             this.setConfig('rollout', 100);

frontend/src/component/feature/form/form-copy-feature-component.jsx

@@ -17,7 +17,8 @@ class CopyFeatureComponent extends Component {
         this.state = { newToggleName: '', replaceGroupId: true };
     }
 
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         // TODO unwind this stuff
         if (this.props.copyToggle) {
             this.setState({ featureToggle: this.props.copyToggle });

frontend/src/component/feature/form/form-update-feature-component.jsx

@@ -6,7 +6,8 @@ import { FormButtons } from './../../common';
 
 class UpdateFeatureComponent extends Component {
     // static displayName = `UpdateFeatureComponent-{getDisplayName(Component)}`;
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         // TODO unwind this stuff
         if (this.props.initCallRequired === true) {
             this.props.init(this.props.input);

frontend/src/component/feature/form/strategies-section.jsx

@@ -15,7 +15,8 @@ class StrategiesSectionComponent extends React.Component {
         fetchStrategies: PropTypes.func,
     };
 
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         this.props.fetchStrategies();
     }
 

frontend/src/component/feature/metric-component.jsx

@@ -43,7 +43,8 @@ export default class MetricComponent extends React.Component {
         location: PropTypes.object,
     };
 
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         this.props.fetchSeenApps();
         this.props.fetchFeatureMetrics();
     }

frontend/src/component/feature/progress.jsx

@@ -24,7 +24,8 @@ class Progress extends Component {
         }
     }
 
-    componentWillReceiveProps({ percentage }) {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillReceiveProps({ percentage }) {
         if (this.state.percentage !== percentage) {
             const nextState = { percentage };
             if (this.props.animatePercentageText) {

frontend/src/component/feature/variant/update-variant-component.jsx

@@ -12,7 +12,8 @@ class UpdateVariantComponent extends Component {
         super(props);
     }
 
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         // TODO unwind this stuff
         if (this.props.initCallRequired === true) {
             this.props.init(this.props.input);

frontend/src/component/feature/view-component.jsx

@@ -41,7 +41,8 @@ export default class ViewFeatureToggleComponent extends React.Component {
         hasPermission: PropTypes.func.isRequired,
     };
 
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         if (this.props.features.length === 0) {
             if (this.isFeatureView) {
                 this.props.fetchFeatureToggles();

frontend/src/component/menu/header.jsx

@@ -22,7 +22,8 @@ class HeaderComponent extends PureComponent {
         this.props.fetchContext();
     }
 
-    componentWillReceiveProps(nextProps) {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillReceiveProps(nextProps) {
         if (this.props.location.pathname !== nextProps.location.pathname) {
             clearTimeout(this.timer);
             this.timer = setTimeout(() => {

frontend/src/component/strategies/add-strategy.jsx

@@ -116,7 +116,8 @@ class AddStrategy extends Component {
         init: PropTypes.func,
     };
 
-    componentWillMount() {
+    // eslint-disable-next-line camelcase
+    UNSAFE_componentWillMount() {
         // TODO unwind this stuff
         if (this.props.initCallRequired === true) {
             this.props.init(this.props.input);