eslint

interface/src/features/FeaturesContext.tsx

@@ -5,21 +5,26 @@ export interface FeaturesContextValue {
   features: Features;
 }
 
-const FeaturesContextDefaultValue = {} as FeaturesContextValue
-export const FeaturesContext = React.createContext(
-  FeaturesContextDefaultValue
-);
+const FeaturesContextDefaultValue = {} as FeaturesContextValue;
+export const FeaturesContext = React.createContext(FeaturesContextDefaultValue);
 
 export interface WithFeaturesProps {
   features: Features;
 }
 
-export function withFeatures<T extends WithFeaturesProps>(Component: React.ComponentType<T>) {
+export function withFeatures<T extends WithFeaturesProps>(
+  Component: React.ComponentType<T>
+) {
   return class extends React.Component<Omit<T, keyof WithFeaturesProps>> {
     render() {
       return (
         <FeaturesContext.Consumer>
-          {featuresContext => <Component {...this.props as T} features={featuresContext.features} />}
+          {(featuresContext) => (
+            <Component
+              {...(this.props as T)}
+              features={featuresContext.features}
+            />
+          )}
         </FeaturesContext.Consumer>
       );
     }

interface/src/features/FeaturesWrapper.tsx

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 
 import { Features } from './types';
 import { FeaturesContext } from './FeaturesContext';
@@ -9,10 +9,9 @@ import { FEATURES_ENDPOINT } from '../api';
 interface FeaturesWrapperState {
   features?: Features;
   error?: string;
-};
+}
 
 class FeaturesWrapper extends Component<{}, FeaturesWrapperState> {
-
   state: FeaturesWrapperState = {};
 
   componentDidMount() {
@@ -21,41 +20,39 @@ class FeaturesWrapper extends Component<{}, FeaturesWrapperState> {
 
   fetchFeaturesDetails = () => {
     fetch(FEATURES_ENDPOINT)
-      .then(response => {
+      .then((response) => {
         if (response.status === 200) {
           return response.json();
         } else {
-          throw Error("Unexpected status code: " + response.status);
+          throw Error('Unexpected status code: ' + response.status);
         }
-      }).then(features => {
+      })
+      .then((features) => {
         this.setState({ features });
       })
-      .catch(error => {
+      .catch((error) => {
         this.setState({ error: error.message });
       });
-  }
+  };
 
   render() {
     const { features, error } = this.state;
     if (features) {
       return (
-        <FeaturesContext.Provider value={{
-          features
-        }}>
+        <FeaturesContext.Provider
+          value={{
+            features
+          }}
+        >
           {this.props.children}
         </FeaturesContext.Provider>
       );
     }
     if (error) {
-      return (
-        <ApplicationError error={error} />
-      );
+      return <ApplicationError error={error} />;
     }
-    return (
-      <FullScreenLoading />
-    );
+    return <FullScreenLoading />;
   }
-
 }
 
 export default FeaturesWrapper;

interface/src/features/types.ts

@@ -1,8 +1,8 @@
 export interface Features {
-  project: boolean
-  security: boolean
-  mqtt: boolean
-  ntp: boolean
-  ota: boolean
-  upload_firmware: boolean
+  project: boolean;
+  security: boolean;
+  mqtt: boolean;
+  ntp: boolean;
+  ota: boolean;
+  upload_firmware: boolean;
 }