Rename table to imports dont fail

This commit is contained in:
Jackson Harper 2022-07-20 15:58:19 -07:00
parent 1852ec2a6b
commit fdd140485e
2 changed files with 6 additions and 6 deletions

View file

@ -1,5 +1,5 @@
import { isDarkTheme } from '../../lib/themeUpdater'
import { Table, Thead, Tbody, Tr, Th, Td } from 'react-super-responsive-table'
import { Table as ResponsiveTable, Thead, Tbody, Tr, Th, Td } from 'react-super-responsive-table'
import { PencilSimple, Plus, Trash } from 'phosphor-react'
import { Box, SpanBox, VStack } from './LayoutPrimitives'
import { styled } from '../tokens/stitches.config'
@ -30,7 +30,7 @@ const newThead = {
background: '#156'
}
export function TableNew(props: TableProps): JSX.Element {
export function Table(props: TableProps): JSX.Element {
const iconColor = isDarkTheme() ? '#D8D7D5' : '#5F5E58'
return (
@ -102,7 +102,7 @@ export function TableNew(props: TableProps): JSX.Element {
},
}}
>
<Table>
<ResponsiveTable>
<Thead className={newThead}>
<Tr>
{props.headers.map((header: string, index: number) => (
@ -182,7 +182,7 @@ export function TableNew(props: TableProps): JSX.Element {
</Tr>
))}
</Tbody>
</Table>
</ResponsiveTable>
</Box>
</VStack>
)

View file

@ -9,7 +9,7 @@ import { generateApiKeyMutation } from '../../lib/networking/mutations/generateA
import { revokeApiKeyMutation } from '../../lib/networking/mutations/revokeApiKeyMutation'
import { PrimaryLayout } from '../../components/templates/PrimaryLayout'
import { TableNew } from '../../components/elements/Table'
import { Table } from '../../components/elements/Table'
import { FormInputProps } from '../../components/elements/FormElements'
import { FormModal } from '../../components/patterns/FormModal'
@ -183,7 +183,7 @@ export default function Api(): JSX.Element {
/>
)}
<TableNew
<Table
heading={'API Keys'}
headers={headers}
rows={rows}