last checks

src/client/DomandeEsamiCourse.tsx

@@ -9,7 +9,6 @@ marked.use(
     extendedLatex({
         lazy: false,
         render: (formula: string, display: boolean) => {
-            console.log('rendering', formula)
             return display ? '$$' + formula + '$$' : '$' + formula + '$'
         },
     }),
@@ -20,10 +19,13 @@ import type { Database } from '@/data/domande-esami.yaml'
 const useRemoteValue = <T,>(url: string): T | null => {
     const [value, setValue] = useState<T | null>(null)
 
+    console.log('fetching', url, value)
+
     useEffect(() => {
         fetch(url)
             .then(response => response.json())
             .then(value => setValue(value))
+            .catch(error => console.error(error))
     }, [url])
 
     return value
@@ -39,10 +41,13 @@ export const DomandeEsamiCourse = ({ course }: Props) => {
         return <>Loading...</>
     }
 
-    // @ts-ignore
-    requestIdleCallback(() => window.renderMath())
-
-    console.log(database)
+    if ('requestIdleCallback' in window) {
+        // @ts-ignore
+        requestIdleCallback(() => window.renderMath())
+    } else {
+        // @ts-ignore
+        setTimeout(() => window.renderMath(), 100)
+    }
 
     const courseTags = [
         ...new Set(
@@ -56,6 +61,8 @@ export const DomandeEsamiCourse = ({ course }: Props) => {
         .filter(question => question.course === course)
         .filter(question => selectedTags.length === 0 || selectedTags.every(tag => question.tags.includes(tag)))
 
+    console.log('filteredQuestions', filteredQuestions)
+
     return (
         <>
             <div class="grid-center">
@@ -97,6 +104,7 @@ export const DomandeEsamiCourse = ({ course }: Props) => {
                 {filteredQuestions.length === 0 ? (
                     <div class="grid-center">
                         <em>No questions found</em>
+                        <button onClick={() => setSelectedTags([])}>Rimuovi i filtri</button>
                     </div>
                 ) : (
                     filteredQuestions.map(question => (

src/client/lib/debug-console.js

@@ -0,0 +1,27 @@
+const $debugConsole = document.createElement('div')
+
+$debugConsole.style.position = 'fixed'
+$debugConsole.style.bottom = '0'
+$debugConsole.style.left = '0'
+$debugConsole.style.width = '100%'
+$debugConsole.style.height = '25vh'
+$debugConsole.style.backgroundColor = 'black'
+$debugConsole.style.color = 'white'
+$debugConsole.style.overflow = 'auto'
+$debugConsole.style.padding = '10px'
+$debugConsole.style.boxSizing = 'border-box'
+$debugConsole.style.fontFamily = 'monospace'
+$debugConsole.style.zIndex = '9999'
+$debugConsole.style.fontSize = '15px'
+$debugConsole.style.opacity = '0.8'
+
+document.body.appendChild($debugConsole)
+
+function logDebugConsole(...args) {
+    $debugConsole.innerHTML += args.join(' ') + '<br>'
+}
+
+console.error = logDebugConsole
+console.warn = logDebugConsole
+console.log = logDebugConsole
+console.debug = logDebugConsole