chore: only show download error notification if the meeting is within…

… the next 7 days; fix download-error icon; make download icon red only if app is offline

src/components/media/DownloadStatus.vue

@@ -1,10 +1,6 @@
 <template>
   <q-btn
-    :color="
-      !online || Object.values(downloadProgress).find((item) => item.error)
-        ? 'negative'
-        : 'white-transparent'
-    "
+    :color="!online ? 'negative' : 'white-transparent'"
     class="super-rounded position-relative"
     rounded
     unelevated

src/css/mmm-icons.css

@@ -1,10 +1,10 @@
 @font-face {
     font-family: mmm-icons;
-    src: url("mmm-icons.eot");src: url("mmm-icons.eot?84d565f6#iefix") format("embedded-opentype"),
-             url("mmm-icons.woff2?84d565f6") format("woff2"),
-             url("mmm-icons.woff?84d565f6") format("woff"),
-             url("mmm-icons.ttf?84d565f6") format("truetype"),
-             url("mmm-icons.svg?84d565f6#mmm-icons") format("svg");
+    src: url("mmm-icons.eot");src: url("mmm-icons.eot?e9f8a4b1#iefix") format("embedded-opentype"),
+             url("mmm-icons.woff2?e9f8a4b1") format("woff2"),
+             url("mmm-icons.woff?e9f8a4b1") format("woff"),
+             url("mmm-icons.ttf?e9f8a4b1") format("truetype"),
+             url("mmm-icons.svg?e9f8a4b1#mmm-icons") format("svg");
     font-weight: normal;
     font-style: normal;
 }

src/pages/MediaCalendarPage.vue

@@ -639,7 +639,8 @@ watch(
       .map((d) => date.formatDate(d.date, 'YYYY/MM/DD')),
   (errorVals) => {
     errorVals?.forEach((errorVal) => {
-      if (seenErrors.has(currentCongregation + errorVal)) return;
+      const daysUntilError = date.getDateDiff(errorVal, new Date(), 'days');
+      if (seenErrors.has(currentCongregation + errorVal) || daysUntilError > 7) return;
       createTemporaryNotification({
         caption: getDateLocaleFormatted(
           currentSettings.value?.localAppLang,