Set User

README.md

@@ -18,7 +18,6 @@ Daily standups
 
 |                 | City                                                                |
 | --------------- | ------------------------------------------------------------------- |
-| John Williamson | [Brisbane](https://www.timeanddate.com/worldclock/australia/)       |
 | Jan Langheimer  | [Freiburg](https://www.timeanddate.com/worldclock/germany/freiburg) |
 | Ran Cohen       | [Tel Aviv](https://www.timeanddate.com/worldclock/israel/tel-aviv)  |
 

src/components/layout/Navigation.vue

@@ -1,15 +1,8 @@
 <template>
   <div class="container-xl px-0">
     <div id="navigation-top" class="d-flex justify-content-end">
-      <b-btn
-        @click="loginAction"
-        :variant="darkMode ? 'outline-dark' : 'outline-light'"
-        class="block-rounded"
-        size="sm"
-      >
-        <span class="d-none d-sm-inline mr-2">{{ loginButtonLabel }}</span>
-        <font-awesome-icon :icon="icon" :pulse="spin" fixed-width />
-      </b-btn>
+      <b-form-input class="width 800px !important" v-model="user" />
+      <b-btn @click="setUser"> SetUser </b-btn>
       <Notifications />
       <settings-menu @showLocaleModal="showLocaleMod" />
       <bancor-menu />
@@ -28,13 +21,22 @@ import { onboard, shortenEthAddress } from "@/api/helpers";
 import BaseComponent from "@/components/BaseComponent.vue";
 import Notifications from "@/components/compositions/notifications/Notifications.vue";
 import ModalLanguageChange from "@/components/modals/ModalLanguageChange.vue";
-import { onLogout$ } from "@/api/observables/auth";
+import { authenticatedReceiver$ } from "@/api/observables/auth";
 
 @Component({
   components: { BancorMenu, SettingsMenu, Notifications, ModalLanguageChange }
 })
 export default class Navigation extends BaseComponent {
   modal: boolean = false;
+  user: string = "";
+
+  setUser() {
+    vxm.wallet.setUser(this.user);
+    vxm.ethBancor.onAuthChange(this.user);
+    vxm.ethWallet.setLoggedInAccount(this.user);
+    vxm.ethBancor.fetchProtectionPositions();
+    authenticatedReceiver$.next(this.user);
+  }
 
   get selectedWallet() {
     return vxm.wallet.currentWallet;

src/store/modules/wallet/index.ts

@@ -1,11 +1,13 @@
-import { createModule, action } from "vuex-class-component";
+import { createModule, action, mutation } from "vuex-class-component";
 import { vxm, store } from "@/store";
 
 const VuexModule = createModule({
   strict: false
 });
 
 export class WalletModule extends VuexModule.With({ namespaced: "wallet/" }) {
+  user = "";
+
   get currentWallet() {
     return vxm.bancor.wallet;
   }
@@ -28,10 +30,15 @@ export class WalletModule extends VuexModule.With({ namespaced: "wallet/" }) {
   }
 
   get currentUser() {
+    return this.user;
     // @ts-ignore
     return vxm[`${vxm.bancor.wallet}Wallet`].currentUser;
   }
 
+  @mutation setUser(user: string) {
+    this.user = user;
+  }
+
   @action async dispatcher(methodName: string, params: any = null) {
     return params
       ? this.$store.dispatch(`${this.currentWallet}/${methodName}`, params)