diff --git a/packages/web/components/elements/Table.tsx b/packages/web/components/elements/Table.tsx deleted file mode 100644 index 468076597..000000000 --- a/packages/web/components/elements/Table.tsx +++ /dev/null @@ -1,200 +0,0 @@ -import { isDarkTheme } from '../../lib/themeUpdater' -import { - Table as ResponsiveTable, - Thead, - Tbody, - Tr, - Th, - Td, -} from 'react-super-responsive-table' -import 'react-super-responsive-table/dist/SuperResponsiveTableStyle.css' -import { PencilSimple, Plus, Trash } from '@phosphor-icons/react' -import { Box, SpanBox, VStack } from './LayoutPrimitives' -import { styled } from '../tokens/stitches.config' -import { StyledText } from './StyledText' -import { InfoLink } from './InfoLink' -import { Button } from './Button' -import { IconButton } from './Button' - -interface TableProps { - heading: string - infoLink?: string - onAdd?: () => void - headers: string[] - rows: Map> - onDelete?: (id: string) => void - onEdit?: (obj: any) => void -} - -const HeaderWrapper = styled(Box, { - width: '100%', - '@md': { - display: 'block', - }, -}) - -const StyledTable = styled(ResponsiveTable, { - margin: ' 0 auto', - border: '0.5px solid $grayBgActive', - backgroundColor: '$graySolid', - borderCollapse: 'collapse', - borderRadius: '5px', - width: '100%', - mt: '$3', - '&:hover': { - border: '0.5px solid #FFD234', - }, -}) -const TableBody = styled(Tbody, { - backgroundColor: '$grayBg', -}) - -const TableRow = styled(Tr, { - border: '0 !important', - borderTop: '0.5px solid $grayBgActive !important', -}) - -export function Table(props: TableProps): JSX.Element { - const iconColor = isDarkTheme() ? '#D8D7D5' : '#5F5E58' - - return ( - - - - - {props.heading} - - {props.infoLink && } - {props.onAdd && ( - - )} - - - - - - {props.headers.map((header: string, index: number) => ( - - - {header} - - - ))} - - - - - {Array.from(props.rows.keys()).map((key, index) => ( - - {Object.values(props.rows.get(key) || {}).map((cell, index) => ( - - - {cell} - - - ))} - - {props.onDelete && ( - - { - props.onDelete && props.onDelete(key) - }} - > - - - - )} - {props.onEdit && ( - - { - props.onEdit && - props.onEdit({ ...props.rows.get(key), id: key }) - }} - > - - - - )} - - ))} - - - - ) -} diff --git a/packages/web/package.json b/packages/web/package.json index bc7ba1258..861f5f2c2 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -62,7 +62,6 @@ "react-markdown-editor-lite": "^1.3.4", "react-sliding-pane": "^7.3.0", "react-spinners": "^0.13.7", - "react-super-responsive-table": "^5.2.1", "react-topbar-progress-indicator": "^4.1.1", "remark-gfm": "^3.0.1", "sharp": "^0.32.6", @@ -109,4 +108,4 @@ "volta": { "extends": "../../package.json" } -} +} \ No newline at end of file