fix(boards):Text color preview (#1586)

* fix(boards): text color on no departure, different themes * feat(preview): dark mode preview boards
entur · Jul 15, 2024 · 20e585f · 20e585f
1 parent 8c1f8bf
commit 20e585f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/next-tavla/app/page.tsx b/next-tavla/app/page.tsx
@@ -52,7 +52,7 @@ function Landing() {
                         <div className="flex flex-col xl:flex-row gap-4">
                             <div
                                 className="xl:w-1/2 h-[60vh] overflow-y-hidden rounded-2xl"
-                                data-theme="entur"
+                                data-theme="dark"
                             >
                                 <Preview boards={previewBoards} />
                             </div>

diff --git a/next-tavla/src/Board/scenarios/Table/index.tsx b/next-tavla/src/Board/scenarios/Table/index.tsx
@@ -33,7 +33,9 @@ function Table({
             </div>
         )
 
-    const theme = document.querySelector('.root')?.getAttribute('data-theme')
+    const theme = document
+        .querySelector('[data-theme]')
+        ?.getAttribute('data-theme')
 
     if (departures.length === 0)
         return (
@@ -43,7 +45,7 @@ function Table({
                     alt=""
                     className="h-[6em] w-[6em] lg:h-[15em] lg:w-[15em] sm:max-h-[10em] sm:max-w-[10em]"
                 />
-                <Paragraph className="text-primary sm:pb-8 ">
+                <Paragraph className="!text-primary sm:pb-8 ">
                     Ingen avganger de neste 24 timene.
                 </Paragraph>
             </div>