Remove legacyStore for ingresses

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/+network-ingresses/ingresses.tsx

@@ -32,85 +32,86 @@ interface Dependencies {
   filterByNamespace: FilterByNamespace;
 }
 
-@observer
+const NonInjectedIngresses = observer((props: Dependencies) => {
-class NonInjectedIngresses extends React.Component<Dependencies> {
+  const {
-  render() {
+    ingressStore,
+    filterByNamespace,
+  } = props;
+
   return (
     <SiblingsInTabLayout>
       <KubeObjectListLayout
         isConfigurable
         tableId="network_ingresses"
         className="Ingresses"
-          store={this.props.ingressStore}
+        store={ ingressStore }
-          sortingCallbacks={{
+        sortingCallbacks={ {
           [columnId.name]: ingress => ingress.getName(),
           [columnId.namespace]: ingress => ingress.getNs(),
           [columnId.age]: ingress => -ingress.getCreationTimestamp(),
-          }}
+        } }
-          searchFilters={[
+        searchFilters={ [
           ingress => ingress.getSearchFields(),
           ingress => ingress.getPorts(),
-          ]}
+        ] }
         renderHeaderTitle="Ingresses"
-          renderTableHeader={[
+        renderTableHeader={ [
           { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
           { className: "warning", showWithColumn: columnId.name },
           { title: "Namespace", className: "namespace", sortBy: columnId.namespace, id: columnId.namespace },
           { title: "LoadBalancers", className: "loadbalancers", id: columnId.loadBalancers },
           { title: "Rules", className: "rules", id: columnId.rules },
           { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
-          ]}
+        ] }
-          renderTableContents={ingress => [
+        renderTableContents={ ingress => [
           ingress.getName(),
-            <KubeObjectStatusIcon key="icon" object={ingress} />,
+          <KubeObjectStatusIcon key="icon" object={ ingress } />,
           <a
             key="namespace"
             className="filterNamespace"
-              onClick={prevDefault(() => this.props.filterByNamespace(ingress.getNs()))}
+            onClick={prevDefault(() => filterByNamespace(ingress.getNs()))}
           >
             {ingress.getNs()}
           </a>,
-            ingress.getLoadBalancers().map(lb => <p key={lb}>{lb}</p>),
+          ingress.getLoadBalancers().map(lb => <p key={ lb }>{ lb }</p>),
           computeRouteDeclarations(ingress).map(decl => (
             decl.displayAsLink
               ? (
-                  <div key={decl.url} className="ingressRule">
+                <div key={ decl.url } className="ingressRule">
                   <a
-                      href={decl.url}
+                    href={ decl.url }
                     rel="noreferrer"
                     target="_blank"
-                      onClick={e => e.stopPropagation()}
+                    onClick={ e => e.stopPropagation() }
                   >
-                      {decl.url}
+                    { decl.url }
                   </a>
-                    {` ⇢ ${decl.service}`}
+                  { ` ⇢ ${decl.service}` }
                 </div>
               )
               : (
-                  <div key={decl.url} className="ingressRule">
+                <div key={ decl.url } className="ingressRule">
-                    {`${decl.url} ⇢ ${decl.service}`}
+                  { `${decl.url} ⇢ ${decl.service}` }
                 </div>
               )
           )),
-            <KubeObjectAge key="age" object={ingress} />,
+          <KubeObjectAge key="age" object={ ingress } />,
-          ]}
+        ] }
-          tableProps={{
+        tableProps={ {
           customRowHeights: (item, lineHeight, paddings) => {
             const lines = item.getRoutes().length || 1;
 
             return lines * lineHeight + paddings;
           },
-          }}
+        } } />
-        />
     </SiblingsInTabLayout>
   );
-  }
+});
-}
 
 export const Ingresses = withInjectables<Dependencies>(NonInjectedIngresses, {
   getProps: (di, props) => ({
     ...props,
-    filterByNamespace: di.inject(filterByNamespaceInjectable),
     ingressStore: di.inject(ingressStoreInjectable),
+    filterByNamespace: di.inject(filterByNamespaceInjectable),
   }),
 });