docs(ColorsTable): fixes color and hover effect (#2122)

dnbexperience · May 31, 2023 · c82f570 · c82f570
1 parent 239c239
commit c82f570
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/dnb-design-system-portal/src/shared/tags/Table.js b/packages/dnb-design-system-portal/src/shared/tags/Table.js
@@ -24,7 +24,7 @@ export default class Table extends React.PureComponent {
         child.type === 'table' ? child.props.children : false
       ) || this.props.children
 
-    // manipulate the colors, if providet
+    // manipulate the colors, if provided
     children = recursiveMap(children, (child, isValid) => {
       if (!isValid && typeof child === 'string') {
         const checkChild = String(child).trim()
@@ -35,7 +35,7 @@ export default class Table extends React.PureComponent {
       }
 
       // in case we will color the whole td
-      if (child.props.originalType === 'td') {
+      if (child.type === 'td') {
         const hex = child.props.color ? child.props.color : null
         if (hex && hex.length === 7) {
           return (
@@ -55,11 +55,11 @@ export default class Table extends React.PureComponent {
         }
       }
 
-      if (child.props.originalType === 'th') {
+      if (child.type === 'th') {
         return <Th>{getChildren(child)}</Th>
       }
 
-      if (child.props.originalType === 'tr') {
+      if (child.type === 'tr') {
         return <Tr>{getChildren(child)}</Tr>
       }