diff --git a/.yarnrc.yml b/.yarnrc.yml index fa3c492..6338fc6 100644 --- a/.yarnrc.yml +++ b/.yarnrc.yml @@ -5,3 +5,5 @@ plugins: spec: "@yarnpkg/plugin-interactive-tools" yarnPath: .yarn/releases/yarn-3.2.1.cjs + +checksumBehavior: "update" \ No newline at end of file diff --git a/package.json b/package.json index 1b7c7f1..06bc351 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "docker:build-dev": "docker-compose --file docker-compose.dev.yml up --build" }, "dependencies": { + "@dicedtomato/mantine-data-grid": "0.0.20", "@emotion/react": "^11.9.3", "@emotion/server": "^11.4.0", "@iarna/toml": "2.2.5", @@ -34,6 +35,7 @@ "argon2": "^0.28.5", "colorette": "^2.0.19", "cookie": "^0.5.0", + "dayjs": "^1.11.5", "dotenv": "^16.0.1", "dotenv-expand": "^8.0.3", "fecha": "^4.2.3", @@ -72,4 +74,4 @@ "url": "https://github.com/diced/zipline.git" }, "packageManager": "yarn@3.2.1" -} \ No newline at end of file +} diff --git a/src/components/ImagesTable.tsx b/src/components/ImagesTable.tsx deleted file mode 100644 index b74ea4b..0000000 --- a/src/components/ImagesTable.tsx +++ /dev/null @@ -1,168 +0,0 @@ -/* eslint-disable react/jsx-key */ -// Code taken from https://codesandbox.io/s/eojw8 and is modified a bit (the entire src/components/table directory) -import { - ActionIcon, - createStyles, - Divider, - Group, Image, Pagination, - Select, - Table, - Text, - useMantineTheme, -} from '@mantine/core'; -import { - usePagination, - useTable, -} from 'react-table'; -import { CopyIcon, DeleteIcon, EnterIcon } from './icons'; - -const pageSizeOptions = ['10', '25', '50']; - -const useStyles = createStyles((t) => ({ - root: { height: '100%', display: 'block', marginTop: 10 }, - tableContainer: { - display: 'block', - overflow: 'auto', - '& > table': { - '& > thead': { backgroundColor: t.colorScheme === 'dark' ? t.colors.dark[6] : t.colors.gray[0], zIndex: 1 }, - '& > thead > tr > th': { padding: t.spacing.md }, - '& > tbody > tr > td': { padding: t.spacing.md }, - }, - borderRadius: 6, - }, - stickHeader: { top: 0, position: 'sticky' }, - disableSortIcon: { color: t.colors.gray[5] }, - sortDirectionIcon: { transition: 'transform 200ms ease' }, -})); - -export function FilePreview({ url, type }) { - const Type = props => { - return { - 'video':