added remove button and more complex add-provider interaction

1 files changed, 8 insertions, 2 deletions

diff --git a/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts b/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts
index 42eab5d80..124278828 100644
--- a/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts
+++ b/packages/taler-wallet-webextension/src/hooks/useProviderStatus.ts
@@ -5,6 +5,7 @@ import * as wxApi from "../wxApi";
 export interface ProviderStatus {
   info?: ProviderInfo;
   sync: () => Promise<void>;
+  remove: () => Promise<void>;
 }
 
 export function useProviderStatus(url: string): ProviderStatus | undefined {
@@ -19,13 +20,18 @@ export function useProviderStatus(url: string): ProviderStatus | undefined {
       const info = providers.length ? providers[0] : undefined;
 
       async function sync() {
-        console.log("que tiene info", info)
         if (info) {
           await wxApi.syncOneProvider(info.syncProviderBaseUrl);
         }
       }
 
-      setStatus({ info, sync });
+      async function remove() {
+        if (info) {
+          await wxApi.removeProvider(info.syncProviderBaseUrl);
+        }
+      }
+
+      setStatus({ info, sync, remove });
     }
     run();
   }, []);