@strapi/admin 4.6.2 → 4.7.0-exp.3d6a31eb083e9d44afcf98f68c107fb7567e5720

package/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/index.js

@@ -1,110 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useHistory } from 'react-router-dom';
-
-import { Typography, Tbody, Tr, Td, Flex } from '@strapi/design-system';
-import {
-  RelativeTime,
-  useQueryParams,
-  onRowClick,
-  pxToRem,
-  useTracking,
-} from '@strapi/helper-plugin';
-import DeleteButton from './DeleteButton';
-import UpdateButton from './UpdateButton';
-import ReadButton from './ReadButton';
-
-const TableRows = ({ canDelete, canUpdate, canRead, onClickDelete, withBulkActions, rows }) => {
-  const [{ query }] = useQueryParams();
-  const [, sortOrder] = query.sort.split(':');
-  const {
-    push,
-    location: { pathname },
-  } = useHistory();
-  const { trackUsage } = useTracking();
-
-  const apiTokens = rows.sort((a, b) => {
-    const comparaison = a.name.localeCompare(b.name);
-
-    return sortOrder === 'DESC' ? -comparaison : comparaison;
-  });
-
-  return (
-    <Tbody>
-      {apiTokens.map((apiToken) => {
-        return (
-          <Tr
-            key={apiToken.id}
-            {...onRowClick({
-              fn() {
-                trackUsage('willEditTokenFromList');
-                push(`${pathname}/${apiToken.id}`);
-              },
-              condition: canUpdate,
-            })}
-          >
-            <Td>
-              <Typography textColor="neutral800" fontWeight="bold">
-                {apiToken.name}
-              </Typography>
-            </Td>
-            <Td maxWidth={pxToRem(250)}>
-              <Typography textColor="neutral800" ellipsis>
-                {apiToken.description}
-              </Typography>
-            </Td>
-            <Td>
-              <Typography textColor="neutral800">
-                <RelativeTime timestamp={new Date(apiToken.createdAt)} />
-              </Typography>
-            </Td>
-            <Td>
-              {apiToken.lastUsedAt && (
-                <Typography textColor="neutral800">
-                  <RelativeTime timestamp={new Date(apiToken.lastUsedAt)} />
-                </Typography>
-              )}
-            </Td>
-
-            {withBulkActions && (
-              <Td>
-                <Flex justifyContent="end">
-                  {canUpdate && <UpdateButton tokenName={apiToken.name} tokenId={apiToken.id} />}
-                  {!canUpdate && canRead && (
-                    <ReadButton tokenName={apiToken.name} tokenId={apiToken.id} />
-                  )}
-                  {canDelete && (
-                    <DeleteButton
-                      tokenName={apiToken.name}
-                      onClickDelete={() => onClickDelete(apiToken.id)}
-                    />
-                  )}
-                </Flex>
-              </Td>
-            )}
-          </Tr>
-        );
-      })}
-    </Tbody>
-  );
-};
-
-TableRows.defaultProps = {
-  canDelete: false,
-  canUpdate: false,
-  canRead: false,
-  onClickDelete() {},
-  rows: [],
-  withBulkActions: false,
-};
-
-TableRows.propTypes = {
-  canDelete: PropTypes.bool,
-  canUpdate: PropTypes.bool,
-  canRead: PropTypes.bool,
-  onClickDelete: PropTypes.func,
-  rows: PropTypes.array,
-  withBulkActions: PropTypes.bool,
-};
-
-export default TableRows;