Squash merge market-preload into market
This commit is contained in:
parent
8643eecfe7
commit
35d2eba4ac
5 changed files with 141 additions and 9 deletions
|
|
@ -12,6 +12,7 @@ import LoginDialog from '@/components/auth/LoginDialog.vue'
|
|||
import ProfileDialog from '@/components/auth/ProfileDialog.vue'
|
||||
import CurrencyDisplay from '@/components/ui/CurrencyDisplay.vue'
|
||||
import { auth } from '@/composables/useAuth'
|
||||
import { useMarketPreloader } from '@/composables/useMarketPreloader'
|
||||
|
||||
interface NavigationItem {
|
||||
name: string
|
||||
|
|
@ -24,6 +25,7 @@ const { theme, setTheme } = useTheme()
|
|||
const isOpen = ref(false)
|
||||
const showLoginDialog = ref(false)
|
||||
const showProfileDialog = ref(false)
|
||||
const marketPreloader = useMarketPreloader()
|
||||
|
||||
const navigation = computed<NavigationItem[]>(() => [
|
||||
{ name: t('nav.home'), href: '/' },
|
||||
|
|
@ -89,6 +91,9 @@ const handleLogout = async () => {
|
|||
'text-foreground': $route.path === item.href
|
||||
}">
|
||||
{{ item.name }}
|
||||
<!-- Market preloading indicator -->
|
||||
<div v-if="item.href === '/market' && marketPreloader.isPreloading"
|
||||
class="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -223,6 +228,9 @@ const handleLogout = async () => {
|
|||
'text-foreground': $route.path === item.href
|
||||
}" @click="isOpen = false">
|
||||
{{ item.name }}
|
||||
<!-- Market preloading indicator -->
|
||||
<div v-if="item.href === '/market' && marketPreloader.isPreloading"
|
||||
class="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue