asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(ui,dashboard): Migrate SC tables to DataTable (#11106)

Browse Source
This commit is contained in:
Kasper Fabricius Kristensen
2025-02-07 15:26:49 +01:00
committed by GitHub
parent d588073cea
commit fcd3e2226e
34 changed files with 847 additions and 858 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/admin/dashboard/src/routes/users/user-list/components/user-list-table/user-list-table.tsx
View File

@@ -7,9 +7,9 @@ import { useNavigate } from "react-router-dom"
import { PencilSquare } from "@medusajs/icons"
import { DataTable } from "../../../../../components/data-table"
import { useDataTableDateFilters } from "../../../../../components/data-table/hooks/general/use-data-table-date-filters"
import { useDataTableDateColumns } from "../../../../../components/data-table/helpers/general/use-data-table-date-columns"
import { useDataTableDateFilters } from "../../../../../components/data-table/helpers/general/use-data-table-date-filters"
import { useUsers } from "../../../../../hooks/api/users"
import { useDate } from "../../../../../hooks/use-date"
import { useQueryParams } from "../../../../../hooks/use-query-params"
const PAGE_SIZE = 20
@@ -73,7 +73,8 @@ const columnHelper = createDataTableColumnHelper<HttpTypes.AdminUser>()
const useColumns = () => {
const { t } = useTranslation()
const navigate = useNavigate()
const { getFullDate } = useDate()
const dateColumns = useDataTableDateColumns<HttpTypes.AdminUser>()
return useMemo(
() => [
@@ -104,24 +105,7 @@ const useColumns = () => {
sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
}),
columnHelper.accessor("created_at", {
header: t("fields.createdAt"),
cell: ({ row }) => {
return getFullDate({ date: row.original.created_at })
},
enableSorting: true,
sortAscLabel: t("filters.sorting.dateAsc"),
sortDescLabel: t("filters.sorting.dateDesc"),
}),
columnHelper.accessor("updated_at", {
header: t("fields.updatedAt"),
cell: ({ row }) => {
return getFullDate({ date: row.original.updated_at })
},
enableSorting: true,
sortAscLabel: t("filters.sorting.dateAsc"),
sortDescLabel: t("filters.sorting.dateDesc"),
}),
...dateColumns,
columnHelper.action({
actions: [
{
@@ -134,7 +118,7 @@ const useColumns = () => {
],
}),
],
[t, getFullDate, navigate]
[t, navigate, dateColumns]
)
}