JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite/vuetify-poc: show region in My Account dropdown

Browse Source 
This change displays the satellite's region in the My Account dropdown
menu of the Vuetify project.

Resolves #6279

Change-Id: Ib7d739c0104fb20ad7ee23234c66813b7f37b3a5
This commit is contained in:
Jeremy Wharton 2023-09-14 14:38:29 -05:00 committed by Storj Robot
parent 1efc0ceaa5
commit 8a0d1e8b55
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/satellite/vuetify-poc/src/layouts/default/AppBar.vue
View File

@ -91,7 +91,7 @@
</template>
<v-list-item-title class="text-body-2 ml-3">Region</v-list-item-title>
<v-list-item-subtitle class="ml-3">
North America 1
{{ satelliteName }}
</v-list-item-subtitle>
</v-list-item>
@ -138,7 +138,7 @@
</template>
<script setup lang="ts">
import { ref, watch } from 'vue';
import { ref, watch, computed } from 'vue';
import { useRouter } from 'vue-router';
import { useTheme } from 'vuetify';
import {
@ -171,6 +171,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
import { useNotificationsStore } from '@/store/modules/notificationsStore';
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
import { useConfigStore } from '@/store/modules/configStore';
const activeTheme = ref<number>(0);
const theme = useTheme();
@ -185,6 +186,7 @@ const usersStore = useUsersStore();
const notificationsStore = useNotificationsStore();
const projectsStore = useProjectsStore();
const obStore = useObjectBrowserStore();
const configStore = useConfigStore();
const router = useRouter();
const notify = useNotify();
@ -197,6 +199,13 @@ const props = withDefaults(defineProps<{
showNavDrawerButton: false,
});
/**
* Returns the name of the current satellite.
*/
const satelliteName = computed<string>(() => {
return configStore.state.config.satelliteName;
});
function toggleTheme(newTheme: string): void {
if ((newTheme === 'dark' && theme.global.current.value.dark) || (newTheme === 'light' && !theme.global.current.value.dark)) {
return;