Refactored teams components.

This commit is contained in:
Mike Cao 2023-10-07 22:42:49 -07:00
parent 6253d55790
commit 8b48130d5f
18 changed files with 75 additions and 44 deletions

View file

@ -1,5 +1,5 @@
'use client';
import WebsiteList from '../settings/websites/WebsitesDataTable';
import WebsitesDataTable from '../settings/websites/WebsitesDataTable';
import { useMessages } from 'components/hooks';
import { useState } from 'react';
import { Item, Tabs } from 'react-basics';
@ -12,6 +12,7 @@ const TABS = {
export function WebsitesBrowse() {
const { formatMessage, labels } = useMessages();
const [tab, setTab] = useState(TABS.myWebsites);
const allowEdit = !process.env.cloudMode;
return (
<>
@ -19,9 +20,9 @@ export function WebsitesBrowse() {
<Item key={TABS.myWebsites}>{formatMessage(labels.myWebsites)}</Item>
<Item key={TABS.teamWebsites}>{formatMessage(labels.teamWebsites)}</Item>
</Tabs>
{tab === TABS.myWebsites && <WebsiteList showHeader={false} />}
{tab === TABS.myWebsites && <WebsitesDataTable allowEdit={allowEdit} />}
{tab === TABS.teamWebsites && (
<WebsiteList showHeader={false} showTeam={true} onlyTeams={true} />
<WebsitesDataTable showTeam={true} onlyTeams={true} allowEdit={allowEdit} />
)}
</>
);

View file

@ -1,12 +0,0 @@
'use client';
import WebsitesHeader from '../../(main)/settings/websites/WebsitesHeader';
import WebsitesBrowse from './WebsitesBrowse';
export default function WebsitesPage() {
return (
<>
<WebsitesHeader />
<WebsitesBrowse />
</>
);
}

View file

@ -0,0 +1,16 @@
import WebsitesHeader from 'app/(main)/settings/websites/WebsitesHeader';
import WebsitesBrowse from './WebsitesBrowse';
import { Metadata } from 'next';
export default function WebsitesPage() {
return (
<>
<WebsitesHeader showActions={false} />
<WebsitesBrowse />
</>
);
}
export const metadata: Metadata = {
title: 'Websites | umami',
};