fix: небольшие фиксы фронта

This commit is contained in:
2026-05-18 02:46:49 +03:00
parent 811b6ef51a
commit b984d29c50
7 changed files with 14 additions and 103 deletions
+1 -27
View File
@@ -3,10 +3,8 @@ import { computed, onMounted, ref } from 'vue'
import { useAuthStore } from '@/stores/auth'
import { useUserStore } from '@/stores/user'
import GlassCard from '@/components/ui/GlassCard.vue'
import CoinChip from '@/components/ui/CoinChip.vue'
import ProgressBar from '@/components/ui/ProgressBar.vue'
import AchievementBadge from '@/components/ui/AchievementBadge.vue'
import DataTable from '@/components/ui/DataTable.vue'
import EmptyState from '@/components/ui/EmptyState.vue'
const auth = useAuthStore()
@@ -54,12 +52,6 @@ const interestTags = ref([
const notificationSettings = ref({ email: true })
const historyColumns = [
{ key: 'date', label: 'Дата' },
{ key: 'description', label: 'Описание' },
{ key: 'amount', label: 'Монеты', align: 'right' },
]
onMounted(() => {
void userStore.fetchStudentData(user.value.id)
})
@@ -69,7 +61,6 @@ onMounted(() => {
<div class="profile page-content">
<div class="header">
<h1 class="page-title">Профиль пользователя</h1>
<CoinChip :amount="user.coins" />
</div>
<div class="profile-grid">
@@ -118,7 +109,7 @@ onMounted(() => {
<EmptyState
v-if="!userStore.achievements.length"
title="Достижений пока нет"
subtitle="Они появятся после посещений, отзывов и начислений."
subtitle="Они появятся после посещений и отзывов."
/>
<div v-else class="achievements">
<AchievementBadge
@@ -129,25 +120,10 @@ onMounted(() => {
:description="a.description"
:unlocked="a.unlocked"
:unlockedAt="a.unlockedAt"
:coins="a.coins"
/>
</div>
</GlassCard>
</div>
<GlassCard>
<div class="section-title">История начисления монет</div>
<EmptyState
v-if="!userStore.coinHistory.length"
title="История монет пуста"
subtitle="Начисления появятся после активностей на платформе."
/>
<DataTable :columns="historyColumns" :rows="userStore.coinHistory">
<template #amount="{ value }">
<span :class="value > 0 ? 'positive' : 'negative'">{{ value > 0 ? `+${value}` : value }}</span>
</template>
</DataTable>
</GlassCard>
</div>
</template>
@@ -165,6 +141,4 @@ onMounted(() => {
.settings { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.setting { font-size: 13px; color: var(--color-text-secondary); display: flex; gap: 8px; align-items: center; }
.achievements { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; }
.positive { color: #166534; font-weight: 600; }
.negative { color: #991B1B; font-weight: 600; }
</style>