@appscode/design-system 2.7.4 → 2.7.6

package/package.json

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

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

@@ -2,6 +2,7 @@
 import { setCookie } from "tiny-cookie";
 import { computed, defineAsyncComponent, ref } from "vue";
 import GridIcon from "../icons/GridIcon.vue";
+import platformIcon from "/platformIcon.svg";
 
 interface Props {
   currentApp?: "console" | "db" | "platform" | "billing" | "selfhost" | "learn" | "grafana";
@@ -20,6 +21,13 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 const appList = [
+  {
+    name: "id",
+    icon_url: platformIcon,
+    title: "Platform",
+    port: "8080",
+    sub_title: "Manage your platform & accounts",
+  },
   {
     name: "db",
     icon_url: "https://cdn.appscode.com/images/products/kubedb/kubedb-512x512_1.svg",
@@ -58,7 +66,7 @@ const appList = [
 ];
 
 if (props.activeOrgType !== 3) {
-  appList.unshift({
+  appList.splice(1, 0, {
     name: "console",
     icon_url: "https://cdn.appscode.com/images/products/console/console_512x512.svg",
     title: "Console",

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

@@ -1,7 +1,5 @@
 <script setup lang="ts">
 import { defineAsyncComponent, ref, watch, computed, nextTick } from "vue";
-import HeroiconsCog6Tooth from "~icons/heroicons/cog-6-tooth";
-import HeroiconsWrenchScrewdriver from "~icons/heroicons/wrench-screwdriver";
 import HeroiconsUserGroup from "~icons/heroicons/user-group";
 import HeroiconsPower from "~icons/heroicons/power";
 import HeroiconsCheck from "~icons/heroicons/check";
@@ -74,8 +72,6 @@ const onOrganizationClick = (orgName: string, idx: number) => {
   handleIsActiveChange("");
 };
 
-const isDocsUi = window.location.pathname.startsWith("/docs/");
-
 watch(dropDownStatus, (n) => {
   if (n === "open") {
     nextTick(() => {
@@ -138,33 +134,6 @@ 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) && !isClientOrgUser">
-                  <a
-                    v-if="user.isPersonalAccount"
-                    data-testid="user-settings-link"
-                    :href="`${serverDomain}/id/user/settings/`"
-                  >
-                    <span class="icon">
-                      <HeroiconsCog6Tooth />
-                    </span>
-                    <span>Settings</span>
-                  </a>
-                  <a v-else data-testid="user-settings-link" :href="`${serverDomain}/id/${user.username}/settings`">
-                    <span class="icon"> <HeroiconsCog6Tooth /> </span><span>Settings</span>
-                  </a>
-                </li>
-                <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 />
-                    </span>
-                    <span>Settings</span>
-                  </NuxtLink>
-                  <NuxtLink v-else data-testid="user-settings-link" :to="`/${user.username}/settings`">
-                    <span class="icon"> <HeroiconsCog6Tooth /> </span><span>Settings</span>
-                  </NuxtLink>
-                </li>
-
                 <li v-if="showAccountSwitcher" :class="`is-${dropDownStatus}`" key="switcher">
                   <a
                     class="ac-dropdown-button is-fullwidth is-flex is-justify-content-space-between is-align-items-center"
@@ -205,11 +174,6 @@ function handleIsActiveChange(isActive: string) {
                     </li>
                   </transition-group>
                 </li>
-                <li v-if="isLoggedinUserAdmin || user.is_admin" key="site-admin">
-                  <a data-testid="site-admin-link" :href="`${accountsDomain}/admin`"
-                    ><span class="icon"> <HeroiconsWrenchScrewdriver /> </span><span>Site Administration</span></a
-                  >
-                </li>
                 <li key="signout" @click="$emit('on-logout')">
                   <a data-testid="user-logout-link" :href="`${accountsDomain}/user/logout`">
                     <span class="icon">