diff options
| -rw-r--r-- | packages/frontend/src/components/MkFormFooter.vue | 11 | ||||
| -rw-r--r-- | packages/frontend/src/pages/admin/bot-protection.vue | 2 |
2 files changed, 4 insertions, 9 deletions
diff --git a/packages/frontend/src/components/MkFormFooter.vue b/packages/frontend/src/components/MkFormFooter.vue index 96214a9542..eb559e611c 100644 --- a/packages/frontend/src/components/MkFormFooter.vue +++ b/packages/frontend/src/components/MkFormFooter.vue @@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div :class="$style.root"> +<div v-if="form.modified.value" :class="$style.root"> <div :class="$style.text">{{ i18n.tsx.thereAreNChanges({ n: form.modifiedCount.value }) }}</div> <div style="margin-left: auto;" class="_buttons"> <MkButton danger rounded @click="form.discard"><i class="ti ti-x"></i> {{ i18n.ts.discard }}</MkButton> @@ -16,16 +16,11 @@ SPDX-License-Identifier: AGPL-3.0-only <script lang="ts" setup> import { } from 'vue'; import MkButton from './MkButton.vue'; +import type { useForm } from '@/composables/use-form.js'; import { i18n } from '@/i18n.js'; const props = withDefaults(defineProps<{ - form: { - modifiedCount: { - value: number; - }; - discard: () => void; - save: () => void; - }; + form: ReturnType<typeof useForm>; canSaving?: boolean; }>(), { canSaving: true, diff --git a/packages/frontend/src/pages/admin/bot-protection.vue b/packages/frontend/src/pages/admin/bot-protection.vue index bd919146f8..7ed280358a 100644 --- a/packages/frontend/src/pages/admin/bot-protection.vue +++ b/packages/frontend/src/pages/admin/bot-protection.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template v-else-if="botProtectionForm.savedState.provider === 'turnstile'" #suffix>Turnstile</template> <template v-else-if="botProtectionForm.savedState.provider === 'testcaptcha'" #suffix>testCaptcha</template> <template v-else #suffix>{{ i18n.ts.none }} ({{ i18n.ts.notRecommended }})</template> - <template #footer> + <template v-if="botProtectionForm.modified.value" #footer> <MkFormFooter :canSaving="canSaving" :form="botProtectionForm"/> </template> |