Added not found page for calendars

This commit is contained in:
Alexis
2024-12-19 16:46:22 +01:00
parent df8af541c1
commit 199cfb6634
3 changed files with 34 additions and 1 deletions

View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { PhCircleNotch } from "@phosphor-icons/vue";
import { PhCalendarX, PhCircleNotch } from "@phosphor-icons/vue";
import type { Calendar } from "~/models/CalendarConfig";
import type { Category } from "~/models/Category";
@@ -34,4 +34,22 @@ const categories = computed<Category[]>(() => catData?.value?.data as Category[]
<Calendar :calendar-data="cal" :categories />
</div>
<div v-else class="h-full w-full grid place-items-center">
<Head>
<Title>{{ $t("entity.calendar.notFound") }}</Title>
</Head>
<div class="grid justify-items-center opacity-80">
<PhCalendarX size="75" class="opacity-60" />
<Heading level="h1">
{{ $t("entity.calendar.notFound") }}
</Heading>
<p>
{{ $t('entity.calendar.notFoundDescription') }}
</p>
</div>
</div>
</template>

11
pages/calendars/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script lang="ts" setup></script>
<template>
<main class="p-8">
<Head>
<Title>{{ $t("entity.world.namePlural") }}</Title>
</Head>
<Heading level="h1">Calendriers publics</Heading>
</main>
</template>