diff --git a/src/app/(main)/settings/websites/WebsitesTable.module.css b/src/app/(main)/settings/websites/WebsitesTable.module.css new file mode 100644 index 00000000..40e96b2f --- /dev/null +++ b/src/app/(main)/settings/websites/WebsitesTable.module.css @@ -0,0 +1,11 @@ +.row { + color: inherit; + display: flex; + align-items: center; + width: 100%; + height: 100%; +} + +.row:visited { + color: inherit; +} diff --git a/src/app/(main)/settings/websites/WebsitesTable.tsx b/src/app/(main)/settings/websites/WebsitesTable.tsx index 79749b97..d8601a53 100644 --- a/src/app/(main)/settings/websites/WebsitesTable.tsx +++ b/src/app/(main)/settings/websites/WebsitesTable.tsx @@ -2,6 +2,8 @@ import { ReactNode } from 'react'; import { Text, Icon, Icons, GridTable, GridColumn } from 'react-basics'; import { useMessages, useTeamUrl } from '@/components/hooks'; import LinkButton from '@/components/common/LinkButton'; +import Link from 'next/link'; +import styles from './WebsitesTable.module.css'; export interface WebsitesTableProps { data: any[]; @@ -28,8 +30,28 @@ export function WebsitesTable({ return ( - - + + {row => + allowView ? ( + + {row.name} + + ) : ( + row.name + ) + } + + + {row => + allowView ? ( + + {row.domain} + + ) : ( + row.domain + ) + } + {showActions && ( {row => {