jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hide 'My Profile' when not authenticated

Browse Source
This commit is contained in:
Jonathan Bourdon
2024-10-07 13:55:51 -04:00
parent 92c025a344
commit d1762e803c
3 changed files with 35 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/creators/CreatorLayout.vue
View File

@@ -1,28 +1,33 @@
<template>
<div :style="{ backgroundColor: brandingStore.value.colors.background }" class="flex flex-col min-h-screen">
<div class="flex-grow">
<div class="max-w-[1500px] mx-auto">
<div :style="{ backgroundColor: brandingStore.value.colors.background }">
<div v-if="brandingStore.loading">
<v-progress-linear indeterminate></v-progress-linear>
</div>
<div v-else>
<creator-banner></creator-banner>
</div>
<div class="w-full py-10">
<router-view></router-view>
</div>
<div class="flex flex-col min-h-screen max-w-[1500px] mx-auto">
<div v-if="brandingStore.loading">
<v-progress-linear indeterminate></v-progress-linear>
</div>
<div v-else>
<creator-banner></creator-banner>
</div>
<div class="py-8 flex-grow">
<router-view></router-view>
</div>
<div>
<Footer></Footer>
</div>
</div>
<Footer></Footer>
</div>
</template>
<script async setup>
import CreatorBanner from "@/views/creators/CreatorBanner.vue";
import Footer from "@/views/main/Footer.vue";
import {useBrandingStore} from "@/stores/brandingStore.js";
const brandingStore = useBrandingStore()
</script>

28
src/views/main/SideBar.vue
View File

@@ -59,13 +59,13 @@ initializeLocale();
</div>
<v-divider class="my-4" style="border-width: 1px; border-color: black;"></v-divider>
<!-- USER SECTION -->
<div class="px-4 mb-4">
<div class="flex items-center justify-start p-2 mb-4">
<img
:src="userProfileStore.portraitUrl"
alt="Profile Image"
referrerpolicy="no-referrer"
<!-- USER SECTION -->
<div class="px-4 mb-4">
<div class="flex items-center justify-start p-2 mb-4">
<img
:src="userProfileStore.portraitUrl"
alt="Profile Image"
referrerpolicy="no-referrer"
class="rounded-full"
width="42"
height="42"
@@ -96,12 +96,14 @@ initializeLocale();
<!-- CREATE CONTENT -->
<!-- PROFILE -->
<v-btn to="/profile"
class="w-full justify-start"
prepend-icon="mdi-account"
variant="flat">
{{ $t('header.myprofile') }}
</v-btn>
<template v-if="authStore.isAuthenticated">
<v-btn to="/profile"
class="w-full justify-start"
prepend-icon="mdi-account"
variant="flat">
{{ $t('header.myprofile') }}
</v-btn>
</template>
<!-- LANGUAGE -->
<v-btn