Merge branch 'worktree-agent-a0328c91'
This commit is contained in:
commit
2cab40aa65
2 changed files with 23 additions and 2 deletions
|
|
@ -17,8 +17,13 @@
|
||||||
:to="item.path"
|
:to="item.path"
|
||||||
:class="{ active: isActive(item.path) }"
|
:class="{ active: isActive(item.path) }"
|
||||||
@click="handleNavigate"
|
@click="handleNavigate"
|
||||||
>{{ item.label }}</NuxtLink
|
|
||||||
>
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
<span
|
||||||
|
v-if="item.path === '/member/dashboard' && showOnboardingDot"
|
||||||
|
class="onboarding-dot"
|
||||||
|
/>
|
||||||
|
</NuxtLink>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#" class="sign-out" @click.prevent="handleLogout"
|
<a href="#" class="sign-out" @click.prevent="handleLogout"
|
||||||
|
|
@ -128,9 +133,13 @@ const props = defineProps({
|
||||||
const emit = defineEmits(["navigate"]);
|
const emit = defineEmits(["navigate"]);
|
||||||
|
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
const { isAuthenticated, logout } = useAuth();
|
const { isAuthenticated, memberData, logout } = useAuth();
|
||||||
const isDev = import.meta.dev;
|
const isDev = import.meta.dev;
|
||||||
|
|
||||||
|
const showOnboardingDot = computed(() =>
|
||||||
|
isAuthenticated.value && !memberData.value?.onboarding?.completedAt
|
||||||
|
);
|
||||||
|
|
||||||
const handleNavigate = () => {
|
const handleNavigate = () => {
|
||||||
if (props.isMobile) {
|
if (props.isMobile) {
|
||||||
emit("navigate");
|
emit("navigate");
|
||||||
|
|
@ -279,4 +288,14 @@ const exploreItems = [
|
||||||
.sidebar-meta a {
|
.sidebar-meta a {
|
||||||
color: var(--candle-dim);
|
color: var(--candle-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.onboarding-dot {
|
||||||
|
display: inline-block;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--candle);
|
||||||
|
margin-left: 6px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -26,6 +26,8 @@
|
||||||
|
|
||||||
<!-- Dashboard Content -->
|
<!-- Dashboard Content -->
|
||||||
<template v-else>
|
<template v-else>
|
||||||
|
<OnboardingWidget />
|
||||||
|
|
||||||
<ColumnsLayout cols="events-sidebar" :limit="5">
|
<ColumnsLayout cols="events-sidebar" :limit="5">
|
||||||
<!-- Member Status Banner -->
|
<!-- Member Status Banner -->
|
||||||
<MemberStatusBanner />
|
<MemberStatusBanner />
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue