Pixel editing.

This commit is contained in:
Mike Cao 2025-08-15 13:04:13 -07:00
parent eabdd18604
commit d130242a0a
23 changed files with 72 additions and 49 deletions

View file

@ -1,15 +1,14 @@
import Link from 'next/link';
import { DataTable, DataColumn, Row } from '@umami/react-zen';
import { useConfig, useMessages, useNavigation } from '@/components/hooks';
import { useConfig, useMessages } from '@/components/hooks';
import { Empty } from '@/components/common/Empty';
import { DateDistance } from '@/components/common/DateDistance';
import { PixelEditButton } from './PixelEditButton';
import { PixelDeleteButton } from './PixelDeleteButton';
import { PIXELS_URL } from '@/lib/constants';
import { ExternalLink } from '@/components/common/ExternalLink';
export function PixelsTable({ data = [] }) {
const { formatMessage, labels } = useMessages();
const { websiteId } = useNavigation();
const { pixelsUrl } = useConfig();
const hostUrl = pixelsUrl || PIXELS_URL;
@ -23,7 +22,7 @@ export function PixelsTable({ data = [] }) {
<DataColumn id="url" label="URL">
{({ slug }: any) => {
const url = `${hostUrl}/${slug}`;
return <Link href={url}>{url}</Link>;
return <ExternalLink href={url}>{url}</ExternalLink>;
}}
</DataColumn>
<DataColumn id="created" label={formatMessage(labels.created)}>
@ -36,7 +35,7 @@ export function PixelsTable({ data = [] }) {
return (
<Row>
<PixelEditButton pixelId={id} />
<PixelDeleteButton pixelId={id} websiteId={websiteId} name={name} />
<PixelDeleteButton pixelId={id} name={name} />
</Row>
);
}}