✨ Don't show settings to basic members

Author: AnandChowdhary

components/Navbar.vue

@@ -14,7 +14,11 @@
         >
         <nuxt-link v-else class="item" to="/dashboard">Dashboard</nuxt-link>
         <nuxt-link
-          v-if="activeOrganization && activeOrganization !== 'undefined'"
+          v-if="
+            activeOrganization &&
+              activeOrganization !== 'undefined' &&
+              loggedInMembership !== 4
+          "
           class="item"
           :to="`/manage/${activeOrganization}/settings`"
           >Settings</nuxt-link
@@ -204,12 +208,16 @@ export default class Card extends Vue {
   notificationCount = 0;
   showNav = false;
   activeOrganization: string | null = null;
+  loggedInMembership = 3;
   @Watch("$route")
   private onRouteChanged() {
     this.updateNavBar();
   }
   private updateNavBar() {
     this.showNav = false;
+    this.loggedInMembership = parseInt(
+      this.$store.getters["manage/loggedInMembership"](this.$route.params.team)
+    );
     if (this.$route.path.startsWith("/onboarding")) {
       this.isVisible = false;
     } else {
@@ -232,6 +240,9 @@ export default class Card extends Vue {
     this.updateNavBar();
   }
   private created() {
+    this.loggedInMembership = parseInt(
+      this.$store.getters["manage/loggedInMembership"](this.$route.params.team)
+    );
     if (typeof document !== "undefined" && document.body)
       document.body.addEventListener("click", event => {
         const path = event.composedPath();

pages/manage/_team/settings.vue

@@ -52,7 +52,7 @@
         Update settings
       </button>
     </form>
-    <Domains style="margin-top: 2rem" />
+    <Domains v-if="loggedInMembership !== 4" style="margin-top: 2rem" />
   </main>
 </template>
 
@@ -92,11 +92,15 @@ library.add(faSync);
 export default class ManageSettings extends Vue {
   loading = "";
   organization: Organization = emptyOrganization;
+  loggedInMembership = 3;
 
   private created() {
     this.organization = {
       ...this.$store.getters["manage/organization"](this.$route.params.team)
     };
+    this.loggedInMembership = parseInt(
+      this.$store.getters["manage/loggedInMembership"](this.$route.params.team)
+    );
   }
 
   private load() {