@appscode/design-system 2.6.12-modal → 2.6.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.6.12-modal",
+  "version": "2.6.13",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v3/modals/StatusModal.vue

@@ -10,10 +10,18 @@ withDefaults(
   defineProps<{
     statusArray?: Array<Status>;
     isModalOpen?: boolean;
+    title?: string;
+    ignoreOutsideClick?: boolean;
+    hideActionFooter?: boolean;
+    modifierClasses?: string;
   }>(),
   {
     statusArray: () => [],
     isModalOpen: false,
+    title: "Status",
+    ignoreOutsideClick: true,
+    hideActionFooter: false,
+    modifierClasses: "is-large",
   },
 );
 defineEmits(["update:isModalOpen"]);
@@ -25,10 +33,10 @@ const AcButton = defineAsyncComponent(() => import("@appscode/design-system/vue-
 <template>
   <modal
     :open="isModalOpen"
-    title="Status"
-    :ignore-outside-click="true"
-    :hide-action-footer="false"
-    :modifier-classes="'is-large'"
+    :title="title"
+    :ignore-outside-click="ignoreOutsideClick"
+    :hide-action-footer="hideActionFooter"
+    :modifier-classes="modifierClasses"
     @closemodal="$emit('update:isModalOpen', false)"
   >
     <div v-for="(status, idx) in statusArray" :key="idx" :class="['message', `is-${status.type}`]">

package/vue-components/v3/navbar/User.vue

@@ -21,6 +21,7 @@ interface Props {
   showThemeMode?: boolean;
   isPlatformDomain?: boolean;
   isLoggedinUserAdmin?: boolean;
+  isClientOrgUser?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -31,6 +32,7 @@ const props = withDefaults(defineProps<Props>(), {
   showThemeMode: false,
   isPlatformDomain: false,
   isLoggedinUserAdmin: false,
+  isClientOrgUser: false,
 });
 
 const emit = defineEmits(["set:theme", "on-logout", "activeorg$set"]);
@@ -136,7 +138,7 @@ function handleIsActiveChange(isActive: string) {
                 </div>
               </a>
               <transition-group name="list" tag="ul" class="list-items ac-scrollbar py-2">
-                <li key="settings" v-if="!isPlatformDomain || isDocsUi">
+                <li key="settings" v-if="(!isPlatformDomain || isDocsUi) && !isClientOrgUser">
                   <a
                     v-if="user.isPersonalAccount"
                     data-testid="user-settings-link"
@@ -151,7 +153,7 @@ function handleIsActiveChange(isActive: string) {
                     <span class="icon"> <HeroiconsCog6Tooth /> </span><span>Settings</span>
                   </a>
                 </li>
-                <li key="settings-platform" v-else>
+                <li key="settings-platform" v-else-if="!isClientOrgUser">
                   <NuxtLink v-if="user.isPersonalAccount" data-testid="user-settings-link" to="/user/settings/">
                     <span class="icon">
                       <HeroiconsCog6Tooth />