feat(board): removed use of thirdparty colors (#1130)

* feat(board): removed use of thirdparty colors * chore(table): removed colors utils file * fix(line): changed variable name in line to transportmodecolor * fix(table): fixed fontsize in table
entur · Jul 17, 2023 · afc5a3f · afc5a3f
1 parent 0c2a1ef
commit afc5a3f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 59 deletions.
diff --git a/next-tavla/src/Board/scenarios/Table/components/Line/index.tsx b/next-tavla/src/Board/scenarios/Table/components/Line/index.tsx
@@ -1,16 +1,12 @@
 import { useNonNullContext } from 'hooks/useNonNullContext'
-import { getPresentation } from 'Board/utils/colors'
 import { DepartureContext } from '../../contexts'
 import classes from './styles.module.css'
 
 function Line() {
     const departure = useNonNullContext(DepartureContext)
 
-    const presentation = getPresentation(
-        departure.serviceJourney.line.presentation,
-        departure.serviceJourney.line.id,
-        departure.serviceJourney.transportMode,
-    )
+    const mode = departure.serviceJourney.transportMode ?? 'unknown'
+    const transportModeColor = `var(--table-transport-${mode}-color)`
 
     const publicCode = departure.serviceJourney.line.publicCode
 
@@ -19,8 +15,7 @@ function Line() {
             <div
                 className={classes.lineWrapper}
                 style={{
-                    backgroundColor: presentation.backgroundColor,
-                    color: presentation.color,
+                    backgroundColor: transportModeColor,
                 }}
             >
                 {publicCode}

diff --git a/next-tavla/src/Board/scenarios/Table/components/Line/styles.module.css b/next-tavla/src/Board/scenarios/Table/components/Line/styles.module.css
@@ -5,5 +5,6 @@
     padding: 0.25em;
     border-radius: 0.2em;
     font-size: 1.25em;
-    font-weight: 500;
+    font-weight: 700;
+    color: var(--main-background-color);
 }
diff --git a/next-tavla/src/Board/utils/colors.ts b/next-tavla/src/Board/utils/colors.ts