From fdd140485ea36f28a5f070b6e0774bda316ddba8 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 20 Jul 2022 15:58:19 -0700
Subject: [PATCH] Rename table to imports dont fail

---
 packages/web/components/elements/Table.tsx | 8 ++++----
 packages/web/pages/settings/api.tsx        | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/elements/Table.tsx b/packages/web/components/elements/Table.tsx
index e8f9b582c..639498755 100644
--- a/packages/web/components/elements/Table.tsx
+++ b/packages/web/components/elements/Table.tsx
@@ -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>
   )
diff --git a/packages/web/pages/settings/api.tsx b/packages/web/pages/settings/api.tsx
index 4bd9d550a..a78b2b285 100644
--- a/packages/web/pages/settings/api.tsx
+++ b/packages/web/pages/settings/api.tsx
@@ -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}