diff --git a/client/src/app/pages/controls/tags/components/tag-table.tsx b/client/src/app/pages/controls/tags/components/tag-table.tsx index 40d750387f..c3ee0036cf 100644 --- a/client/src/app/pages/controls/tags/components/tag-table.tsx +++ b/client/src/app/pages/controls/tags/components/tag-table.tsx @@ -1,62 +1,62 @@ -import React from "react"; -import { useTranslation } from "react-i18next"; -import { - Table, - Thead, - Tr, - Th, - Tbody, - Td, - ActionsColumn, -} from "@patternfly/react-table"; -import { Tag, TagCategory } from "@app/api/models"; -import "./tag-table.css"; -import { universalComparator } from "@app/utils/utils"; - -export interface TabTableProps { - tagCategory: TagCategory; - onEdit: (tag: Tag) => void; - onDelete: (tag: Tag) => void; -} - -export const TagTable: React.FC = ({ - tagCategory, - onEdit, - onDelete, -}) => { - const { t } = useTranslation(); - - return ( - - - - - - - - {(tagCategory.tags || []) - .sort((a, b) => universalComparator(a.name, b.name)) - .map((tag) => ( - - - - - ))} - -
{t("terms.tagName")} -
{tag.name} - onEdit(tag), - }, - { - title: t("actions.delete"), - onClick: () => onDelete(tag), - }, - ]} - /> -
- ); -}; +import React from "react"; +import { useTranslation } from "react-i18next"; +import { + Table, + Thead, + Tr, + Th, + Tbody, + Td, + ActionsColumn, +} from "@patternfly/react-table"; +import { Tag, TagCategory } from "@app/api/models"; +import "./tag-table.css"; +import { universalComparator } from "@app/utils/utils"; + +export interface TabTableProps { + tagCategory: TagCategory; + onEdit: (tag: Tag) => void; + onDelete: (tag: Tag) => void; +} + +export const TagTable: React.FC = ({ + tagCategory, + onEdit, + onDelete, +}) => { + const { t } = useTranslation(); + + return ( + + + + + + + + {(tagCategory.tags || []) + .sort((a, b) => universalComparator(a.name, b.name)) + .map((tag) => ( + + + + + ))} + +
{t("terms.tagName")} +
{tag.name} + onEdit(tag), + }, + { + title: t("actions.delete"), + onClick: () => onDelete(tag), + }, + ]} + /> +
+ ); +};