?HAMA

Edit File Size: 2.55 KB

//proc/thread-self/root/home/byroehnu/.trash/node_modules11/adminjs/src/frontend/components/actions/list.tsx

Text Base64

import { Box, Pagination, Text } from '@adminjs/design-system'
import React, { useEffect } from 'react'
import { useLocation } from 'react-router'

import allowOverride from '../../hoc/allow-override.js'
import { useQueryParams } from '../../hooks/use-query-params.js'
import useRecords from '../../hooks/use-records/use-records.js'
import useSelectedRecords from '../../hooks/use-selected-records/use-selected-records.js'
import { getActionElementCss } from '../../utils/index.js'
import RecordsTable from '../app/records-table/records-table.js'
import { ActionProps } from './action.props.js'
import { REFRESH_KEY } from './utils/append-force-refresh.js'

const List: React.FC<ActionProps> = ({ resource, setTag }) => {
  const {
    records,
    loading,
    direction,
    sortBy,
    page,
    total,
    fetchData,
    perPage,
  } = useRecords(resource.id)
  const {
    selectedRecords,
    handleSelect,
    handleSelectAll,
    setSelectedRecords,
  } = useSelectedRecords(records)
  const location = useLocation()
  const { storeParams } = useQueryParams()

useEffect(() => {
    if (setTag) {
      setTag(total.toString())
    }
  }, [total])

useEffect(() => {
    setSelectedRecords([])
  }, [resource.id])

useEffect(() => {
    const search = new URLSearchParams(location.search)
    if (search.get(REFRESH_KEY)) {
      setSelectedRecords([])
    } else {
      const recordIds = search.get('recordIds')?.split?.(',') ?? []
      setSelectedRecords(
        records.filter((r) => recordIds.includes(r.id.toString())),
      )
    }
  }, [location.search, records])

const handleActionPerformed = (): any => fetchData()

const handlePaginationChange = (pageNumber: number): void => {
    storeParams({ page: pageNumber.toString() })
  }

const contentTag = getActionElementCss(resource.id, 'list', 'table-wrapper')

return (
    <Box variant="container" data-css={contentTag}>
      <RecordsTable
        resource={resource}
        records={records}
        actionPerformed={handleActionPerformed}
        onSelect={handleSelect}
        onSelectAll={handleSelectAll}
        selectedRecords={selectedRecords}
        direction={direction}
        sortBy={sortBy}
        isLoading={loading}
      />
      <Text mt="xl" textAlign="center">
        <Pagination
          page={page}
          perPage={perPage}
          total={total}
          onChange={handlePaginationChange}
        />
      </Text>
    </Box>
  )
}

const OverridableList = allowOverride(List, 'DefaultListAction')

export {
  OverridableList as default,
  OverridableList as List,
  List as OriginalList,
}

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
utils DIR	-	drwxr-xr-x	2026-02-28 00:32:46	Edit Download recursive recursive
action.props.ts	782 B	lrw-r--r--	2026-02-28 00:31:58	Edit Download recursive recursive
bulk-delete.tsx	3.95 KB	lrw-r--r--	2026-02-28 00:32:46	Edit Download recursive recursive
edit.tsx	3.18 KB	lrw-r--r--	2026-02-28 00:32:46	Edit Download recursive recursive
index.ts	488 B	lrw-r--r--	2026-02-28 00:32:28	Edit Download recursive recursive
list.tsx	2.55 KB	lrw-r--r--	2026-02-28 00:32:48	Edit Download recursive recursive
new.tsx	4.54 KB	lrw-r--r--	2026-02-28 00:32:48	Edit Download recursive recursive
show.tsx	1.56 KB	lrw-r--r--	2026-02-28 00:32:48	Edit Download recursive recursive

Directory Contents