use BaseRegistry

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

src/extensions/registries/cluster-feature-registry.ts

@@ -1,4 +1,4 @@
-import { observable } from "mobx"
+import { BaseRegistry } from "./base-registry";
 import { ClusterFeature } from "../cluster-feature";
 
 export interface ClusterFeatureComponents {
@@ -11,17 +11,6 @@ export interface ClusterFeatureRegistration {
   feature: ClusterFeature
 }
 
-export class ClusterFeatureRegistry {
+export class ClusterFeatureRegistry extends BaseRegistry<ClusterFeatureRegistration> {}
-  features = observable.array<ClusterFeatureRegistration>([], { deep: false });
-
-  add(feature: ClusterFeatureRegistration) {
-    this.features.push(feature)
-    return () => {
-      this.features.replace(
-        this.features.filter(f => f !== feature)
-      )
-    };
-  }
-}
 
 export const clusterFeatureRegistry = new ClusterFeatureRegistry()

src/renderer/components/+cluster-settings/features.tsx

@@ -14,7 +14,7 @@ export class Features extends React.Component<Props> {
     return (
       <div>
         <h2>Features</h2>
-        { clusterFeatureRegistry.features.map((f) => {
+        { clusterFeatureRegistry.getItems().map((f) => {
           return (
             <InstallFeature cluster={cluster} feature={f.feature}>
               <>