Added warning messages when date outside of lecture period

src/components/Help.jsx

@@ -13,7 +13,7 @@ export const Help = ({}) => (
         <p>
             Una volta compiuta la selezione, è possibile vedere la tabella delle
             lezioni andando nella visualizzazione Orario (
-            <Icon name="calendar_month" />)
+            <Icon name="calendar_view_month" />)
         </p>
         <p>
             Per via di eventuali preferenze personali, è possibile cambiare

src/components/OptionBar.jsx

@@ -22,7 +22,7 @@ export const OptionBar = ({ view, setView }) => {
                     options={[
                         {
                             value: 'orario',
-                            label: <Icon name="calendar_month" />,
+                            label: <Icon name="calendar_view_month" />,
                             icon: true,
                         },
                         {

src/components/view/Courses.jsx

@@ -3,6 +3,7 @@ import { format } from 'date-fns'
 import _ from 'lodash'
 import { useEffect, useRef, useState } from 'preact/hooks'
 import { prettyCourseName, WEEK_DAYS } from '../../utils.jsx'
+import { Icon } from '../Icon.jsx'
 
 export const Courses = ({
     source,
@@ -53,7 +54,7 @@ export const Courses = ({
     return (
         <div class="course-view" ref={element}>
             {hideOtherCourses && selection.length === 0 && (
-                <div class="no-courses-warning">
+                <div class="warning">
                     <p>Non hai ancora selezionato nessun corso.</p>
                     <p>
                         Clicca sui corsi nelle altre visuali per selezionarli e

src/components/view/Schedule.jsx

@@ -46,7 +46,7 @@ const TransposePopup = ({ onClose }) => {
 
 const NoCourseWarning = () => {
     return (
-        <div class="no-courses-warning">
+        <div class="warning">
             <p>Non hai ancora selezionato nessun corso.</p>
             <p>
                 Clicca sui corsi nelle altre visuali per selezionarli e

src/main.jsx

@@ -92,9 +92,6 @@ async function loadCalendari(date) {
     const saturday = new Date(monday)
     saturday.setDate(monday.getDate() + 5)
 
-    console.log(monday.toISOString())
-    console.log(saturday.toISOString())
-
     async function req(id) {
         // Almost directly copy-pasted from Chrome Dev Tools
         const req = await fetch(
@@ -178,10 +175,7 @@ const App = ({}) => {
     // Use any random string of your choice
     // clearOldPersistentStates('e73cba02')
 
-    const [date, setDate] = usePersistentState(
+    const [date, setDate] = useState(new Date().toISOString())
-        'date',
-        new Date('2023-10-24').toISOString()
-    )
 
     // Data Sources
     const [view, setView] = usePersistentState('view', 'magistrale')
@@ -265,6 +259,22 @@ const App = ({}) => {
                                 },
                             }}
                         />
+                    ) : timetables['tutti'].length === 0 ? (
+                        <div class="warning">
+                            <p>
+                                Non esistono corsi per la settimana selezionata:
+                                buone vacanze! 🎉
+                            </p>
+                            <p>
+                                Per cambiare settimana puoi usare il widget
+                                Calendario (
+                                <Icon name="calendar_month" />) in alto a destra
+                                <br />
+                                In versione mobile, il widget Calendario è
+                                situato dentro il Menu (
+                                <Icon name="menu" />)
+                            </p>
+                        </div>
                     ) : (
                         <View
                             selection={selectedCourses}

src/styles/main.scss

@@ -538,31 +538,33 @@ body {
 
     padding: 1rem 0rem;
 
-    .course-view {
+    .warning {
-        padding: 0rem 1rem;
+        @extend .text-block;
+
+        width: 100%;
 
         display: flex;
         flex-direction: column;
+        gap: 1rem;
         align-items: center;
 
-        min-height: 100%;
+        p {
-
             text-align: center;
+        }
+    }
 
-        gap: 1rem;
+    .course-view {
-
+        padding: 0rem 1rem;
-        .no-courses-warning {
-            width: 100%;
 
         display: flex;
         flex-direction: column;
-            gap: 1rem;
         align-items: center;
 
-            p {
+        min-height: 100%;
+
         text-align: center;
-            }
+
-        }
+        gap: 1rem;
 
         .wrap-container {
             display: grid;
@@ -632,18 +634,6 @@ body {
         align-items: center;
         gap: 1rem;
 
-        .no-courses-warning {
-            width: 100%;
-
-            display: flex;
-            flex-direction: column;
-            gap: 1rem;
-            align-items: center;
-
-            p {
-                text-align: center;
-            }
-        }
         .schedule-card {
             width: 100%;