style: format web apps with prettier and sort imports
Apply repo-wide Prettier/lint normalization across admin-web, desktop-client and ops-web: single quotes, no semicolons, trailing commas, consistent line wrapping, and import ordering. Also drop an unused brand-logo import in DesktopShell.vue. No behavior changes — formatting only. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -6,12 +6,7 @@ import {
|
||||
ThunderboltOutlined,
|
||||
} from '@ant-design/icons-vue'
|
||||
import { ApiClientError } from '@geo/http-client'
|
||||
import type {
|
||||
Brand,
|
||||
BrandLibrarySummary,
|
||||
Competitor,
|
||||
Question,
|
||||
} from '@geo/shared-types'
|
||||
import type { Brand, BrandLibrarySummary, Competitor, Question } from '@geo/shared-types'
|
||||
import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
|
||||
import type { TableColumnsType } from 'ant-design-vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
@@ -288,7 +283,11 @@ watch(
|
||||
selectedBrandId.value = brands[0].id
|
||||
return
|
||||
}
|
||||
if (selectedBrandId.value && brands && !brands.some((item) => item.id === selectedBrandId.value)) {
|
||||
if (
|
||||
selectedBrandId.value &&
|
||||
brands &&
|
||||
!brands.some((item) => item.id === selectedBrandId.value)
|
||||
) {
|
||||
selectedBrandId.value = brands[0]?.id ?? null
|
||||
}
|
||||
},
|
||||
@@ -464,7 +463,13 @@ async function invalidateBrandQueries(): Promise<void> {
|
||||
</div>
|
||||
<div class="brand-card__actions">
|
||||
<a-tooltip :title="t('common.edit')">
|
||||
<a-button type="text" shape="circle" size="small" class="action-btn-edit" @click.stop="openBrandModal(brand)">
|
||||
<a-button
|
||||
type="text"
|
||||
shape="circle"
|
||||
size="small"
|
||||
class="action-btn-edit"
|
||||
@click.stop="openBrandModal(brand)"
|
||||
>
|
||||
<EditOutlined />
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
@@ -478,7 +483,9 @@ async function invalidateBrandQueries(): Promise<void> {
|
||||
</div>
|
||||
<div class="brand-card__meta">
|
||||
<span>{{ t('brands.meta.questionCount', { count: brand.question_count }) }}</span>
|
||||
<span>{{ t('brands.meta.competitorCount', { count: brand.competitor_count ?? 0 }) }}</span>
|
||||
<span>
|
||||
{{ t('brands.meta.competitorCount', { count: brand.competitor_count ?? 0 }) }}
|
||||
</span>
|
||||
</div>
|
||||
</article>
|
||||
<button type="button" class="brand-card brand-card--add" @click="openBrandModal()">
|
||||
@@ -498,7 +505,11 @@ async function invalidateBrandQueries(): Promise<void> {
|
||||
<div class="brand-detail__head">
|
||||
<div>
|
||||
<p class="eyebrow">{{ selectedBrand?.name }}</p>
|
||||
<h3>{{ activeTab === 'questions' ? t('brands.tabs.questions') : t('brands.tabs.competitors') }}</h3>
|
||||
<h3>
|
||||
{{
|
||||
activeTab === 'questions' ? t('brands.tabs.questions') : t('brands.tabs.competitors')
|
||||
}}
|
||||
</h3>
|
||||
</div>
|
||||
<div v-if="activeTab === 'questions'" class="brand-detail__actions">
|
||||
<a-button :disabled="!selectedBrand" @click="openQuestionExpansionPage">
|
||||
@@ -538,7 +549,13 @@ async function invalidateBrandQueries(): Promise<void> {
|
||||
<template v-else-if="column.key === 'actions'">
|
||||
<div class="table-actions-row">
|
||||
<a-tooltip :title="t('common.edit')">
|
||||
<a-button type="text" shape="circle" size="small" class="action-btn-edit" @click="openQuestionEditModal(record)">
|
||||
<a-button
|
||||
type="text"
|
||||
shape="circle"
|
||||
size="small"
|
||||
class="action-btn-edit"
|
||||
@click="openQuestionEditModal(record)"
|
||||
>
|
||||
<EditOutlined />
|
||||
</a-button>
|
||||
</a-tooltip>
|
||||
@@ -556,7 +573,11 @@ async function invalidateBrandQueries(): Promise<void> {
|
||||
|
||||
<a-tab-pane key="competitors" :tab="t('brands.tabs.competitors')">
|
||||
<div v-if="competitorsQuery.data.value?.length" class="competitor-grid">
|
||||
<article v-for="competitor in competitorsQuery.data.value" :key="competitor.id" class="competitor-card">
|
||||
<article
|
||||
v-for="competitor in competitorsQuery.data.value"
|
||||
:key="competitor.id"
|
||||
class="competitor-card"
|
||||
>
|
||||
<div class="competitor-card__head">
|
||||
<div>
|
||||
<h4>{{ competitor.name }}</h4>
|
||||
@@ -565,7 +586,13 @@ async function invalidateBrandQueries(): Promise<void> {
|
||||
</a>
|
||||
</div>
|
||||
<div class="inline-actions">
|
||||
<a-button type="text" shape="circle" size="small" class="action-btn-edit" @click="openCompetitorModal(competitor)">
|
||||
<a-button
|
||||
type="text"
|
||||
shape="circle"
|
||||
size="small"
|
||||
class="action-btn-edit"
|
||||
@click="openCompetitorModal(competitor)"
|
||||
>
|
||||
<EditOutlined />
|
||||
</a-button>
|
||||
<a-popconfirm @confirm="competitorMutations.remove.mutate(competitor.id)">
|
||||
@@ -911,5 +938,8 @@ async function invalidateBrandQueries(): Promise<void> {
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
.action-btn-edit:hover { color: #52c41a !important; background: #f6ffed !important; }
|
||||
.action-btn-edit:hover {
|
||||
color: #52c41a !important;
|
||||
background: #f6ffed !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user