Link editing.

This commit is contained in:
Mike Cao 2025-08-15 11:11:24 -07:00
parent 0558563d35
commit 5f4b83b09c
13 changed files with 123 additions and 89 deletions

View file

@ -1,16 +1,17 @@
import Link from 'next/link';
import { DataTable, DataColumn, Row } from '@umami/react-zen';
import { useConfig, useMessages, useNavigation } from '@/components/hooks';
import { Empty } from '@/components/common/Empty';
import { DateDistance } from '@/components/common/DateDistance';
import { PixelEditButton } from './PixelEditButton';
import { PixelDeleteButton } from './PixelDeleteButton';
import Link from 'next/link';
import { PIXELS_URL } from '@/lib/constants';
export function PixelsTable({ data = [] }) {
const { formatMessage, labels } = useMessages();
const { websiteId } = useNavigation();
const { pixelsUrl } = useConfig();
const defaultUrl = `${window.location.origin}/p`;
const hostUrl = pixelsUrl || PIXELS_URL;
if (data.length === 0) {
return <Empty />;
@ -21,7 +22,7 @@ export function PixelsTable({ data = [] }) {
<DataColumn id="name" label={formatMessage(labels.name)} />
<DataColumn id="url" label="URL">
{({ slug }: any) => {
const url = `${pixelsUrl || defaultUrl}/${slug}`;
const url = `${hostUrl}/${slug}`;
return <Link href={url}>{url}</Link>;
}}
</DataColumn>