Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-12-26 02:15:40 +01:00
Code Issues Projects Releases Wiki Activity

refactor empty state for network connection

Browse source
This commit is contained in:
Gauthier Roebroeck 2025-07-24 10:42:59 +08:00
parent 8035b235d8
commit 03e7d8a1ef
8 changed files with 23 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
next-ui/src/components.d.ts vendored
View file

@ -14,6 +14,7 @@ declare module 'vue' {
AppFooter: typeof import('./components/AppFooter.vue')['default']
DialogConfirm: typeof import('./components/dialog/Confirm.vue')['default']
DialogConfirmEdit: typeof import('./components/dialog/ConfirmEdit.vue')['default']
EmptyStateNetworkError: typeof import('./components/EmptyStateNetworkError.vue')['default']
FormattedMessage: typeof import('./components/FormattedMessage.ts')['default']
FragmentApikeyGenerateDialog: typeof import('./fragments/fragment/apikey/GenerateDialog.vue')['default']
FragmentApikeyTable: typeof import('./fragments/fragment/apikey/Table.vue')['default']

11
next-ui/src/components/EmptyStateNetworkError.vue Normal file
View file

@ -0,0 +1,11 @@
<template>
<v-empty-state
icon="i-mdi:connection"
:title="$formatMessage(commonMessages.somethingWentWrongTitle)"
:text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
/>
</template>
<script setup lang="ts">
import { commonMessages } from '@/utils/i18n/common-messages'
</script>

8
next-ui/src/pages/account/api-keys.vue
View file

@ -3,12 +3,7 @@
fluid
class="pa-0 pa-sm-4"
>
<v-empty-state
v-if="error"
icon="i-mdi:connection"
:title="$formatMessage(commonMessages.somethingWentWrongTitle)"
:text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
/>
<EmptyStateNetworkError v-if="error" />
<template v-else>
<FragmentApikeyTable
@ -42,6 +37,7 @@ import ForceSyncWarning from '@/components/apikey/ForceSyncWarning.vue'
import { useApiKeys, useDeleteApiKey } from '@/colada/users'
import { useDeleteSyncPoints } from '@/colada/syncpoints'
import { useDisplay } from 'vuetify'
import EmptyStateNetworkError from '@/components/EmptyStateNetworkError.vue'
const intl = useIntl()
const display = useDisplay()

8
next-ui/src/pages/account/details.vue
View file

@ -3,12 +3,7 @@
fluid
class="pa-4"
>
<v-empty-state
v-if="error"
icon="i-mdi:connection"
:title="$formatMessage(commonMessages.somethingWentWrongTitle)"
:text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
/>
<EmptyStateNetworkError v-if="error" />
<template v-else-if="currentUser">
<UserDetails :user="currentUser">
@ -40,6 +35,7 @@ import type { ErrorCause } from '@/api/komga-client'
import { useMessagesStore } from '@/stores/messages'
import { useIntl } from 'vue-intl'
import { useDisplay } from 'vuetify'
import EmptyStateNetworkError from '@/components/EmptyStateNetworkError.vue'
const intl = useIntl()
const display = useDisplay()

8
next-ui/src/pages/server/announcements.vue
View file

@ -5,12 +5,7 @@
type="heading, text, paragraph@3"
/>
<v-empty-state
v-else-if="error"
icon="i-mdi:connection"
:title="$formatMessage(commonMessages.somethingWentWrongTitle)"
:text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
/>
<EmptyStateNetworkError v-else-if="error" />
<template v-else-if="announcements">
<div
@ -61,6 +56,7 @@
<script lang="ts" setup>
import { useAnnouncements, useMarkAnnouncementsRead } from '@/colada/announcements'
import { commonMessages } from '@/utils/i18n/common-messages'
import EmptyStateNetworkError from '@/components/EmptyStateNetworkError.vue'
const { data: announcements, error, unreadCount, isPending } = useAnnouncements()

8
next-ui/src/pages/server/settings.vue
View file

@ -8,12 +8,8 @@
v-if="isPending"
/>
<v-empty-state
v-else-if="error"
icon="i-mdi:connection"
:title="$formatMessage(commonMessages.somethingWentWrongTitle)"
:text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
/>
<EmptyStateNetworkError v-else-if="error" />
<template v-else-if="settings">
<v-card max-width="600px">
<v-card-text>

8
next-ui/src/pages/server/updates.vue
View file

@ -5,12 +5,7 @@
type="heading, text, paragraph@3"
/>
<v-empty-state
v-else-if="error"
icon="i-mdi:connection"
:title="$formatMessage(commonMessages.somethingWentWrongTitle)"
:text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
/>
<EmptyStateNetworkError v-else-if="error" />
<template v-else-if="releases">
<v-row>
@ -64,6 +59,7 @@
<script lang="ts" setup>
import { useAppReleases } from '@/colada/app-releases'
import { commonMessages } from '@/utils/i18n/common-messages'
import EmptyStateNetworkError from '@/components/EmptyStateNetworkError.vue'
const {
data: releases,

7
next-ui/src/pages/server/users.vue
View file

@ -3,12 +3,7 @@
fluid
class="pa-0 pa-sm-4"
>
<v-empty-state
v-if="error"
icon="i-mdi:connection"
:title="$formatMessage(commonMessages.somethingWentWrongTitle)"
:text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
/>
<EmptyStateNetworkError v-if="error" />
<template v-else>
<FragmentUserTable