🚸 Show infocard on loading failure

src/views/TimetableView.vue

@@ -1,10 +1,11 @@
 <script setup>
 import TimetableSetup from "../components/timetable-setup.vue";
-import { classList, classFilter, timetable } from "../store";
+import { classList, classFilter, timetable, loadingFailed } from "../store";
 import DayCarousel from "../components/day-carousel.vue";
 import TimetableList from "../components/timetable-list.vue";
 import InfoCard from "../components/info-card.vue";
 import { ClockIcon } from "lucide-vue-next";
+import { CloudOffIcon } from "lucide-vue-next";
 </script>
 
 <template>
@@ -19,10 +20,18 @@ import { ClockIcon } from "lucide-vue-next";
   >
     <InfoCard
       class="card"
+      v-if="!loadingFailed"
       :icon="ClockIcon"
       :title="$t('infoCard.titles.loading')"
       :text="$t('infoCard.texts.loadingTimetable')"
     />
+    <InfoCard
+      class="card"
+      v-else
+      :icon="CloudOffIcon"
+      :title="$t('infoCard.titles.loadingFailed')"
+      :text="$t('infoCard.texts.loadingFailed')"
+    />
   </div>
   <DayCarousel v-show="classFilter != 'none'" :element="TimetableList" />
 </template>