watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-15 10:05:36 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Updates to team components.

Browse source
This commit is contained in:
Mike Cao 2024-02-04 18:03:26 -08:00
parent 102f5b78b1
commit dbb3801e66
28 changed files with 173 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/(main)/settings/websites/WebsiteSettings.tsx
View file

@ -4,16 +4,16 @@ import { Item, Tabs, Button, Text, Icon, Loading } from 'react-basics';
import Link from 'next/link';
import Icons from 'components/icons';
import PageHeader from 'components/layout/PageHeader';
import WebsiteContext from 'app/(main)/websites/[websiteId]/WebsiteContext';
import WebsiteEditForm from './[websiteId]/WebsiteEditForm';
import WebsiteData from './[websiteId]/WebsiteData';
import TrackingCode from './[websiteId]/TrackingCode';
import ShareUrl from './[websiteId]/ShareUrl';
import { useWebsite, useMessages } from 'components/hooks';
import WebsiteContext from '../../websites/[websiteId]/WebsiteContext';
export function WebsiteSettings({ websiteId, openExternal = false }) {
const { formatMessage, labels } = useMessages();
const { data: website, isLoading, refetch } = useWebsite(websiteId, { gcTime: 0 });
const { data: website, isLoading, refetch } = useWebsite(websiteId);
const [tab, setTab] = useState<Key>('details');
const handleSave = () => {

38
src/app/(main)/settings/websites/WebsitesTable.tsx
View file

@ -1,8 +1,8 @@
'use client';
import { ReactNode } from 'react';
import Link from 'next/link';
import { Button, Text, Icon, Icons, GridTable, GridColumn, useBreakpoint } from 'react-basics';
import { useMessages, useLogin, useTeamContext } from 'components/hooks';
import { Text, Icon, Icons, GridTable, GridColumn, useBreakpoint } from 'react-basics';
import { useMessages, useLogin, useTeamUrl } from 'components/hooks';
import LinkButton from 'components/common/LinkButton';
export interface WebsitesTableProps {
data: any[];
@ -24,7 +24,7 @@ export function WebsitesTable({
const { formatMessage, labels } = useMessages();
const { user } = useLogin();
const breakpoint = useBreakpoint();
const { renderTeamUrl } = useTeamContext();
const { renderTeamUrl } = useTeamUrl();
return (
<GridTable data={data} cardMode={['xs', 'sm', 'md'].includes(breakpoint)}>
@ -33,29 +33,25 @@ export function WebsitesTable({
{showActions && (
<GridColumn name="action" label=" " alignment="end">
{row => {
const { id } = row;
const { id: websiteId } = row;
return (
<>
{allowEdit && (teamId || user.isAdmin) && (
<Link href={renderTeamUrl(`/settings/websites/${id}`)}>
<Button>
<Icon>
<Icons.Edit />
</Icon>
<Text>{formatMessage(labels.edit)}</Text>
</Button>
</Link>
<LinkButton href={renderTeamUrl(`/settings/websites/${websiteId}`)}>
<Icon>
<Icons.Edit />
</Icon>
<Text>{formatMessage(labels.edit)}</Text>
</LinkButton>
)}
{allowView && (
<Link href={renderTeamUrl(renderTeamUrl(`/websites/${id}`))}>
<Button>
<Icon>
<Icons.ArrowRight />
</Icon>
<Text>{formatMessage(labels.view)}</Text>
</Button>
</Link>
<LinkButton href={renderTeamUrl(renderTeamUrl(`/websites/${websiteId}`))}>
<Icon>
<Icons.ArrowRight />
</Icon>
<Text>{formatMessage(labels.view)}</Text>
</LinkButton>
)}
</>
);