import Link from 'next/link'; import { Table, TableHeader, TableBody, TableRow, TableCell, TableColumn, Button, Text, Icon, Icons, Flexbox, } from 'react-basics'; import useUser from 'hooks/useUser'; import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; export default function TeamWebsitesTable({ data = [], onSave }) { const { formatMessage, labels } = useMessages(); const { user } = useUser(); const { del, useMutation } = useApi(); const { mutate } = useMutation(({ teamWebsiteId }) => del(`/teamWebsites/${teamWebsiteId}`)); const columns = [ { name: 'name', label: formatMessage(labels.name) }, { name: 'domain', label: formatMessage(labels.domain) }, { name: 'action', label: ' ' }, ]; const handleRemoveWebsite = teamWebsiteId => { mutate( { teamWebsiteId }, { onSuccess: async () => { onSave(); }, }, ); }; return ( {(column, index) => { return ( {column.label} ); }} {(row, keys, rowIndex) => { const { id: teamWebsiteId } = row; const { id: websiteId, name, domain, userId } = row.website; const { teamUser } = row.team; const owner = teamUser[0]; const canRemove = user.id === userId || user.id === owner.userId; row.name = name; row.domain = domain; row.action = ( {canRemove && ( )} ); return ( {(data, key, colIndex) => { return ( {data[key]} ); }} ); }}
); }