docs(ColorPage): improving Table typing

livechat · Jan 29, 2024 · 7a5da21 · 7a5da21
1 parent f0a0bc0
commit 7a5da21
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/packages/react-components/src/docs/components/Table/Table.tsx b/packages/react-components/src/docs/components/Table/Table.tsx
@@ -3,13 +3,19 @@ import * as React from 'react';
 import './Table.css';
 import { handleCopyText } from '../../helpers';
 
-interface ITable<T> {
-  data: T[];
+type BasicTableData = Record<string, unknown> & {
+  enum: string;
+  value: string;
+  deprecated?: boolean;
+};
+
+interface ITable {
+  data: BasicTableData[];
   columnNames: string[];
   renderExample?: (token: string) => React.ReactNode;
 }
 
-export const Table: React.FC<ITable<Record<string, unknown>>> = ({
+export const Table: React.FC<ITable> = ({
   data,
   columnNames,
   renderExample,
@@ -30,7 +36,7 @@ export const Table: React.FC<ITable<Record<string, unknown>>> = ({
               if (cellIndex === 0) {
                 return (
                   <td onClick={() => handleCopyText(value as string)}>
-                    {renderExample && renderExample(row['value'] as string)}
+                    {renderExample && renderExample(row['value'])}
                     {row['enum']}
                     {row['deprecated'] && <i> (deprecated)</i>}
                   </td>