Refactor: removed default exports.

This commit is contained in:
Mike Cao 2025-02-13 22:53:25 -08:00
parent cd944e14ce
commit f83a12d6cd
343 changed files with 555 additions and 1046 deletions

View file

@ -1,9 +1,9 @@
'use client';
import WebsitesHeader from '@/app/(main)/settings/websites/WebsitesHeader';
import WebsitesDataTable from '@/app/(main)/settings/websites/WebsitesDataTable';
import { WebsitesHeader } from '@/app/(main)/settings/websites/WebsitesHeader';
import { WebsitesDataTable } from '@/app/(main)/settings/websites/WebsitesDataTable';
import { useTeamUrl } from '@/components/hooks';
export default function WebsitesPage() {
export function WebsitesPage() {
const { teamId } = useTeamUrl();
return (

View file

@ -1,6 +1,6 @@
import { useMemo } from 'react';
import PageviewsChart from '@/components/metrics/PageviewsChart';
import useWebsitePageviews from '@/components/hooks/queries/useWebsitePageviews';
import { PageviewsChart } from '@/components/metrics/PageviewsChart';
import { useWebsitePageviews } from '@/components/hooks/queries/useWebsitePageviews';
import { useDateRange } from '@/components/hooks';
export function WebsiteChart({
@ -53,5 +53,3 @@ export function WebsiteChart({
/>
);
}
export default WebsiteChart;

View file

@ -2,13 +2,13 @@ import { Button, Text, Icon, Icons } from 'react-basics';
import { useMemo } from 'react';
import { firstBy } from 'thenby';
import Link from 'next/link';
import WebsiteChart from './WebsiteChart';
import useDashboard from '@/store/dashboard';
import WebsiteHeader from './WebsiteHeader';
import { WebsiteChart } from './WebsiteChart';
import { useDashboard } from '@/store/dashboard';
import { WebsiteHeader } from './WebsiteHeader';
import { WebsiteMetricsBar } from './WebsiteMetricsBar';
import { useMessages, useLocale, useTeamUrl } from '@/components/hooks';
export default function WebsiteChartList({
export function WebsiteChartList({
websites,
showCharts,
limit,

View file

@ -1,15 +1,15 @@
'use client';
import { usePathname } from 'next/navigation';
import FilterTags from '@/components/metrics/FilterTags';
import { FilterTags } from '@/components/metrics/FilterTags';
import { useNavigation } from '@/components/hooks';
import WebsiteChart from './WebsiteChart';
import WebsiteExpandedView from './WebsiteExpandedView';
import WebsiteHeader from './WebsiteHeader';
import WebsiteMetricsBar from './WebsiteMetricsBar';
import WebsiteTableView from './WebsiteTableView';
import { WebsiteChart } from './WebsiteChart';
import { WebsiteExpandedView } from './WebsiteExpandedView';
import { WebsiteHeader } from './WebsiteHeader';
import { WebsiteMetricsBar } from './WebsiteMetricsBar';
import { WebsiteTableView } from './WebsiteTableView';
import { FILTER_COLUMNS } from '@/lib/constants';
export default function WebsiteDetailsPage({ websiteId }: { websiteId: string }) {
export function WebsiteDetailsPage({ websiteId }: { websiteId: string }) {
const pathname = usePathname();
const { query } = useNavigation();

View file

@ -1,22 +1,22 @@
import { Dropdown, Icon, Icons, Item, Text } from 'react-basics';
import LinkButton from '@/components/common/LinkButton';
import { LinkButton } from '@/components/common/LinkButton';
import { useLocale, useMessages, useNavigation } from '@/components/hooks';
import SideNav from '@/components/layout/SideNav';
import BrowsersTable from '@/components/metrics/BrowsersTable';
import CitiesTable from '@/components/metrics/CitiesTable';
import CountriesTable from '@/components/metrics/CountriesTable';
import DevicesTable from '@/components/metrics/DevicesTable';
import EventsTable from '@/components/metrics/EventsTable';
import HostsTable from '@/components/metrics/HostsTable';
import LanguagesTable from '@/components/metrics/LanguagesTable';
import OSTable from '@/components/metrics/OSTable';
import PagesTable from '@/components/metrics/PagesTable';
import QueryParametersTable from '@/components/metrics/QueryParametersTable';
import ReferrersTable from '@/components/metrics/ReferrersTable';
import RegionsTable from '@/components/metrics/RegionsTable';
import ScreenTable from '@/components/metrics/ScreenTable';
import TagsTable from '@/components/metrics/TagsTable';
import ChannelsTable from '@/components/metrics/ChannelsTable';
import { SideNav } from '@/components/layout/SideNav';
import { BrowsersTable } from '@/components/metrics/BrowsersTable';
import { CitiesTable } from '@/components/metrics/CitiesTable';
import { CountriesTable } from '@/components/metrics/CountriesTable';
import { DevicesTable } from '@/components/metrics/DevicesTable';
import { EventsTable } from '@/components/metrics/EventsTable';
import { HostsTable } from '@/components/metrics/HostsTable';
import { LanguagesTable } from '@/components/metrics/LanguagesTable';
import { OSTable } from '@/components/metrics/OSTable';
import { PagesTable } from '@/components/metrics/PagesTable';
import { QueryParametersTable } from '@/components/metrics/QueryParametersTable';
import { ReferrersTable } from '@/components/metrics/ReferrersTable';
import { RegionsTable } from '@/components/metrics/RegionsTable';
import { ScreenTable } from '@/components/metrics/ScreenTable';
import { TagsTable } from '@/components/metrics/TagsTable';
import { ChannelsTable } from '@/components/metrics/ChannelsTable';
import styles from './WebsiteExpandedView.module.css';
const views = {
@ -41,7 +41,7 @@ const views = {
channel: ChannelsTable,
};
export default function WebsiteExpandedView({
export function WebsiteExpandedView({
websiteId,
domainName,
}: {

View file

@ -1,6 +1,6 @@
import { Button, Icon, Icons, Popup, PopupTrigger, Text } from 'react-basics';
import PopupForm from '@/app/(main)/reports/[reportId]/PopupForm';
import FilterSelectForm from '@/app/(main)/reports/[reportId]/FilterSelectForm';
import { PopupForm } from '@/app/(main)/reports/[reportId]/PopupForm';
import { FilterSelectForm } from '@/app/(main)/reports/[reportId]/FilterSelectForm';
import { useFields, useMessages, useNavigation, useDateRange } from '@/components/hooks';
import { OPERATOR_PREFIXES } from '@/lib/constants';
import styles from './WebsiteFilterButton.module.css';
@ -60,5 +60,3 @@ export function WebsiteFilterButton({
</PopupTrigger>
);
}
export default WebsiteFilterButton;

View file

@ -1,8 +1,8 @@
import classNames from 'classnames';
import Favicon from '@/components/common/Favicon';
import { Favicon } from '@/components/common/Favicon';
import { useMessages, useTeamUrl, useWebsite } from '@/components/hooks';
import Icons from '@/components/icons';
import ActiveUsers from '@/components/metrics/ActiveUsers';
import { Icons } from '@/components/icons';
import { ActiveUsers } from '@/components/metrics/ActiveUsers';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { ReactNode } from 'react';
@ -98,5 +98,3 @@ export function WebsiteHeader({
</div>
);
}
export default WebsiteHeader;

View file

@ -1,13 +1,13 @@
import { Dropdown, Item } from 'react-basics';
import classNames from 'classnames';
import { useDateRange, useMessages, useSticky } from '@/components/hooks';
import WebsiteDateFilter from '@/components/input/WebsiteDateFilter';
import MetricCard from '@/components/metrics/MetricCard';
import MetricsBar from '@/components/metrics/MetricsBar';
import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
import { MetricCard } from '@/components/metrics/MetricCard';
import { MetricsBar } from '@/components/metrics/MetricsBar';
import { formatShortTime, formatLongNumber } from '@/lib/format';
import useWebsiteStats from '@/components/hooks/queries/useWebsiteStats';
import useStore, { setWebsiteDateCompare } from '@/store/websites';
import WebsiteFilterButton from './WebsiteFilterButton';
import { useWebsiteStats } from '@/components/hooks/queries/useWebsiteStats';
import { useWebsites, setWebsiteDateCompare } from '@/store/websites';
import { WebsiteFilterButton } from './WebsiteFilterButton';
import styles from './WebsiteMetricsBar.module.css';
export function WebsiteMetricsBar({
@ -25,7 +25,7 @@ export function WebsiteMetricsBar({
}) {
const { dateRange } = useDateRange(websiteId);
const { formatMessage, labels } = useMessages();
const dateCompare = useStore(state => state[websiteId]?.dateCompare);
const dateCompare = useWebsites(state => state[websiteId]?.dateCompare);
const { ref, isSticky } = useSticky({ enabled: sticky });
const { data, isLoading, isFetched, error } = useWebsiteStats(
websiteId,
@ -132,5 +132,3 @@ export function WebsiteMetricsBar({
</div>
);
}
export default WebsiteMetricsBar;

View file

@ -27,5 +27,3 @@ export function WebsiteProvider({
return <WebsiteContext.Provider value={website}>{children}</WebsiteContext.Provider>;
}
export default WebsiteProvider;

View file

@ -1,16 +1,16 @@
import { Grid, GridRow } from '@/components/layout/Grid';
import PagesTable from '@/components/metrics/PagesTable';
import ReferrersTable from '@/components/metrics/ReferrersTable';
import BrowsersTable from '@/components/metrics/BrowsersTable';
import OSTable from '@/components/metrics/OSTable';
import DevicesTable from '@/components/metrics/DevicesTable';
import WorldMap from '@/components/metrics/WorldMap';
import CountriesTable from '@/components/metrics/CountriesTable';
import EventsTable from '@/components/metrics/EventsTable';
import EventsChart from '@/components/metrics/EventsChart';
import { PagesTable } from '@/components/metrics/PagesTable';
import { ReferrersTable } from '@/components/metrics/ReferrersTable';
import { BrowsersTable } from '@/components/metrics/BrowsersTable';
import { OSTable } from '@/components/metrics/OSTable';
import { DevicesTable } from '@/components/metrics/DevicesTable';
import { WorldMap } from '@/components/metrics/WorldMap';
import { CountriesTable } from '@/components/metrics/CountriesTable';
import { EventsTable } from '@/components/metrics/EventsTable';
import { EventsChart } from '@/components/metrics/EventsChart';
import { usePathname } from 'next/navigation';
export default function WebsiteTableView({ websiteId }: { websiteId: string }) {
export function WebsiteTableView({ websiteId }: { websiteId: string }) {
const pathname = usePathname();
const tableProps = {
websiteId,

View file

@ -1,11 +1,11 @@
'use client';
import WebsiteHeader from '../WebsiteHeader';
import WebsiteMetricsBar from '../WebsiteMetricsBar';
import FilterTags from '@/components/metrics/FilterTags';
import { WebsiteHeader } from '../WebsiteHeader';
import { WebsiteMetricsBar } from '../WebsiteMetricsBar';
import { FilterTags } from '@/components/metrics/FilterTags';
import { useNavigation } from '@/components/hooks';
import { FILTER_COLUMNS } from '@/lib/constants';
import WebsiteChart from '../WebsiteChart';
import WebsiteCompareTables from './WebsiteCompareTables';
import { WebsiteChart } from '../WebsiteChart';
import { WebsiteCompareTables } from './WebsiteCompareTables';
export function WebsiteComparePage({ websiteId }) {
const { query } = useNavigation();
@ -27,5 +27,3 @@ export function WebsiteComparePage({ websiteId }) {
</>
);
}
export default WebsiteComparePage;

View file

@ -1,25 +1,25 @@
import { useDateRange, useMessages, useNavigation } from '@/components/hooks';
import { Grid, GridRow } from '@/components/layout/Grid';
import SideNav from '@/components/layout/SideNav';
import BrowsersTable from '@/components/metrics/BrowsersTable';
import ChangeLabel from '@/components/metrics/ChangeLabel';
import CitiesTable from '@/components/metrics/CitiesTable';
import CountriesTable from '@/components/metrics/CountriesTable';
import DevicesTable from '@/components/metrics/DevicesTable';
import EventsTable from '@/components/metrics/EventsTable';
import LanguagesTable from '@/components/metrics/LanguagesTable';
import MetricsTable from '@/components/metrics/MetricsTable';
import OSTable from '@/components/metrics/OSTable';
import PagesTable from '@/components/metrics/PagesTable';
import QueryParametersTable from '@/components/metrics/QueryParametersTable';
import ReferrersTable from '@/components/metrics/ReferrersTable';
import RegionsTable from '@/components/metrics/RegionsTable';
import ScreenTable from '@/components/metrics/ScreenTable';
import TagsTable from '@/components/metrics/TagsTable';
import { SideNav } from '@/components/layout/SideNav';
import { BrowsersTable } from '@/components/metrics/BrowsersTable';
import { ChangeLabel } from '@/components/metrics/ChangeLabel';
import { CitiesTable } from '@/components/metrics/CitiesTable';
import { CountriesTable } from '@/components/metrics/CountriesTable';
import { DevicesTable } from '@/components/metrics/DevicesTable';
import { EventsTable } from '@/components/metrics/EventsTable';
import { LanguagesTable } from '@/components/metrics/LanguagesTable';
import { MetricsTable } from '@/components/metrics/MetricsTable';
import { OSTable } from '@/components/metrics/OSTable';
import { PagesTable } from '@/components/metrics/PagesTable';
import { QueryParametersTable } from '@/components/metrics/QueryParametersTable';
import { ReferrersTable } from '@/components/metrics/ReferrersTable';
import { RegionsTable } from '@/components/metrics/RegionsTable';
import { ScreenTable } from '@/components/metrics/ScreenTable';
import { TagsTable } from '@/components/metrics/TagsTable';
import { getCompareDate } from '@/lib/date';
import { formatNumber } from '@/lib/format';
import { useState } from 'react';
import useStore from '@/store/websites';
import { useWebsites } from '@/store/websites';
import styles from './WebsiteCompareTables.module.css';
const views = {
@ -42,7 +42,7 @@ const views = {
export function WebsiteCompareTables({ websiteId }: { websiteId: string }) {
const [data, setData] = useState([]);
const { dateRange } = useDateRange(websiteId);
const dateCompare = useStore(state => state[websiteId]?.dateCompare);
const dateCompare = useWebsites(state => state[websiteId]?.dateCompare);
const { formatMessage, labels } = useMessages();
const {
renderUrl,
@ -169,5 +169,3 @@ export function WebsiteCompareTables({ websiteId }: { websiteId: string }) {
</Grid>
);
}
export default WebsiteCompareTables;

View file

@ -1,4 +1,4 @@
import WebsiteComparePage from './WebsiteComparePage';
import { WebsiteComparePage } from './WebsiteComparePage';
import { Metadata } from 'next';
export default async function ({ params }: { params: { websiteId: string } }) {

View file

@ -1,7 +1,7 @@
import { GridColumn, GridTable } from 'react-basics';
import { useEventDataProperties, useEventDataValues, useMessages } from '@/components/hooks';
import { LoadingPanel } from '@/components/common/LoadingPanel';
import PieChart from '@/components/charts/PieChart';
import { PieChart } from '@/components/charts/PieChart';
import { useState } from 'react';
import { CHART_COLORS } from '@/lib/constants';
import styles from './EventProperties.module.css';
@ -61,5 +61,3 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
</LoadingPanel>
);
}
export default EventProperties;

View file

@ -1,9 +1,9 @@
import { useWebsiteEvents } from '@/components/hooks';
import EventsTable from './EventsTable';
import DataTable from '@/components/common/DataTable';
import { EventsTable } from './EventsTable';
import { DataTable } from '@/components/common/DataTable';
import { ReactNode } from 'react';
export default function EventsDataTable({
export function EventsDataTable({
websiteId,
}: {
websiteId?: string;

View file

@ -1,8 +1,8 @@
import { useMessages } from '@/components/hooks';
import useWebsiteSessionStats from '@/components/hooks/queries/useWebsiteSessionStats';
import WebsiteDateFilter from '@/components/input/WebsiteDateFilter';
import MetricCard from '@/components/metrics/MetricCard';
import MetricsBar from '@/components/metrics/MetricsBar';
import { useWebsiteSessionStats } from '@/components/hooks/queries/useWebsiteSessionStats';
import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
import { MetricCard } from '@/components/metrics/MetricCard';
import { MetricsBar } from '@/components/metrics/MetricsBar';
import { formatLongNumber } from '@/lib/format';
import { Flexbox } from 'react-basics';
@ -38,5 +38,3 @@ export function EventsMetricsBar({ websiteId }: { websiteId: string }) {
</Flexbox>
);
}
export default EventsMetricsBar;

View file

@ -1,16 +1,16 @@
'use client';
import WebsiteHeader from '../WebsiteHeader';
import EventsDataTable from './EventsDataTable';
import EventsMetricsBar from './EventsMetricsBar';
import EventsChart from '@/components/metrics/EventsChart';
import { WebsiteHeader } from '../WebsiteHeader';
import { EventsDataTable } from './EventsDataTable';
import { EventsMetricsBar } from './EventsMetricsBar';
import { EventsChart } from '@/components/metrics/EventsChart';
import { GridRow } from '@/components/layout/Grid';
import MetricsTable from '@/components/metrics/MetricsTable';
import { MetricsTable } from '@/components/metrics/MetricsTable';
import { useMessages } from '@/components/hooks';
import { Item, Tabs } from 'react-basics';
import { useState } from 'react';
import EventProperties from './EventProperties';
import { EventProperties } from './EventProperties';
export default function EventsPage({ websiteId }) {
export function EventsPage({ websiteId }) {
const [tab, setTab] = useState('activity');
const { formatMessage, labels } = useMessages();

View file

@ -1,9 +1,9 @@
import { GridTable, GridColumn, Icon } from 'react-basics';
import { useMessages, useTeamUrl, useTimezone } from '@/components/hooks';
import Empty from '@/components/common/Empty';
import Avatar from '@/components/common/Avatar';
import { Empty } from '@/components/common/Empty';
import { Avatar } from '@/components/common/Avatar';
import Link from 'next/link';
import Icons from '@/components/icons';
import { Icons } from '@/components/icons';
export function EventsTable({ data = [] }) {
const { formatTimezoneDate } = useTimezone();
@ -40,5 +40,3 @@ export function EventsTable({ data = [] }) {
</GridTable>
);
}
export default EventsTable;

View file

@ -1,5 +1,5 @@
import { Metadata } from 'next';
import EventsPage from './EventsPage';
import { EventsPage } from './EventsPage';
export default async function ({ params }: { params: { websiteId: string } }) {
const { websiteId } = await params;

View file

@ -1,5 +1,5 @@
import { Metadata } from 'next';
import WebsiteProvider from './WebsiteProvider';
import { WebsiteProvider } from './WebsiteProvider';
export default async function ({
children,

View file

@ -1,4 +1,4 @@
import WebsiteDetailsPage from './WebsiteDetailsPage';
import { WebsiteDetailsPage } from './WebsiteDetailsPage';
import { Metadata } from 'next';
export default async function WebsitePage({ params }: { params: Promise<{ websiteId: string }> }) {

View file

@ -1,9 +1,9 @@
import { useCallback } from 'react';
import ListTable from '@/components/metrics/ListTable';
import { ListTable } from '@/components/metrics/ListTable';
import { useLocale, useCountryNames, useMessages } from '@/components/hooks';
import classNames from 'classnames';
import styles from './RealtimeCountries.module.css';
import TypeIcon from '@/components/common/TypeIcon';
import { TypeIcon } from '@/components/common/TypeIcon';
export function RealtimeCountries({ data }) {
const { formatMessage, labels } = useMessages();
@ -29,5 +29,3 @@ export function RealtimeCountries({ data }) {
/>
);
}
export default RealtimeCountries;

View file

@ -1,4 +1,4 @@
import MetricCard from '@/components/metrics/MetricCard';
import { MetricCard } from '@/components/metrics/MetricCard';
import { useMessages } from '@/components/hooks';
import { RealtimeData } from '@/lib/types';
import styles from './RealtimeHeader.module.css';
@ -34,5 +34,3 @@ export function RealtimeHeader({ data }: { data: RealtimeData }) {
</div>
);
}
export default RealtimeHeader;

View file

@ -1,9 +1,9 @@
import { useEffect } from 'react';
import { useRouter } from 'next/navigation';
import Page from '@/components/layout/Page';
import PageHeader from '@/components/layout/PageHeader';
import { Page } from '@/components/layout/Page';
import { PageHeader } from '@/components/layout/PageHeader';
import { useApi, useMessages } from '@/components/hooks';
import EmptyPlaceholder from '@/components/common/EmptyPlaceholder';
import { EmptyPlaceholder } from '@/components/common/EmptyPlaceholder';
export function RealtimeHome() {
const { formatMessage, labels, messages } = useMessages();
@ -29,5 +29,3 @@ export function RealtimeHome() {
</Page>
);
}
export default RealtimeHome;

View file

@ -1,8 +1,8 @@
import useFormat from '@/components//hooks/useFormat';
import Empty from '@/components/common/Empty';
import FilterButtons from '@/components/common/FilterButtons';
import { useFormat } from '@/components//hooks/useFormat';
import { Empty } from '@/components/common/Empty';
import { FilterButtons } from '@/components/common/FilterButtons';
import { useCountryNames, useLocale, useMessages, useTimezone } from '@/components/hooks';
import Icons from '@/components/icons';
import { Icons } from '@/components/icons';
import { BROWSERS, OS_NAMES } from '@/lib/constants';
import { stringToColor } from '@/lib/format';
import { RealtimeData } from '@/lib/types';
@ -173,5 +173,3 @@ export function RealtimeLog({ data }: { data: RealtimeData }) {
</div>
);
}
export default RealtimeLog;

View file

@ -2,7 +2,7 @@ import { Key, useContext, useState } from 'react';
import { ButtonGroup, Button, Flexbox } from 'react-basics';
import thenby from 'thenby';
import { percentFilter } from '@/lib/filters';
import ListTable from '@/components/metrics/ListTable';
import { ListTable } from '@/components/metrics/ListTable';
import { FILTER_PAGES, FILTER_REFERRERS } from '@/lib/constants';
import { useMessages } from '@/components/hooks';
import { RealtimeData } from '@/lib/types';
@ -85,5 +85,3 @@ export function RealtimeUrls({ data }: { data: RealtimeData }) {
</>
);
}
export default RealtimeUrls;

View file

@ -1,15 +1,15 @@
'use client';
import { firstBy } from 'thenby';
import { Grid, GridRow } from '@/components/layout/Grid';
import Page from '@/components/layout/Page';
import RealtimeChart from '@/components/metrics/RealtimeChart';
import WorldMap from '@/components/metrics/WorldMap';
import { Page } from '@/components/layout/Page';
import { RealtimeChart } from '@/components/metrics/RealtimeChart';
import { WorldMap } from '@/components/metrics/WorldMap';
import { useRealtime } from '@/components/hooks';
import RealtimeLog from './RealtimeLog';
import RealtimeHeader from './RealtimeHeader';
import RealtimeUrls from './RealtimeUrls';
import RealtimeCountries from './RealtimeCountries';
import WebsiteHeader from '../WebsiteHeader';
import { RealtimeLog } from './RealtimeLog';
import { RealtimeHeader } from './RealtimeHeader';
import { RealtimeUrls } from './RealtimeUrls';
import { RealtimeCountries } from './RealtimeCountries';
import { WebsiteHeader } from '../WebsiteHeader';
import { percentFilter } from '@/lib/filters';
export function WebsiteRealtimePage({ websiteId }) {
@ -43,5 +43,3 @@ export function WebsiteRealtimePage({ websiteId }) {
</>
);
}
export default WebsiteRealtimePage;

View file

@ -1,4 +1,4 @@
import WebsiteRealtimePage from './WebsiteRealtimePage';
import { WebsiteRealtimePage } from './WebsiteRealtimePage';
import { Metadata } from 'next';
export default async function ({ params }: { params: { websiteId: string } }) {

View file

@ -2,8 +2,8 @@
import Link from 'next/link';
import { Button, Flexbox, Icon, Icons, Text } from 'react-basics';
import { useMessages, useTeamUrl } from '@/components/hooks';
import WebsiteHeader from '../WebsiteHeader';
import ReportsDataTable from '@/app/(main)/reports/ReportsDataTable';
import { WebsiteHeader } from '../WebsiteHeader';
import { ReportsDataTable } from '@/app/(main)/reports/ReportsDataTable';
export function WebsiteReportsPage({ websiteId }) {
const { formatMessage, labels } = useMessages();
@ -26,5 +26,3 @@ export function WebsiteReportsPage({ websiteId }) {
</>
);
}
export default WebsiteReportsPage;

View file

@ -1,4 +1,4 @@
import WebsiteReportsPage from './WebsiteReportsPage';
import { WebsiteReportsPage } from './WebsiteReportsPage';
import { Metadata } from 'next';
export default async function ({ params }: { params: { websiteId: string } }) {

View file

@ -1,7 +1,7 @@
import { GridColumn, GridTable } from 'react-basics';
import { useSessionDataProperties, useSessionDataValues, useMessages } from '@/components/hooks';
import { LoadingPanel } from '@/components/common/LoadingPanel';
import PieChart from '@/components/charts/PieChart';
import { PieChart } from '@/components/charts/PieChart';
import { useState } from 'react';
import { CHART_COLORS } from '@/lib/constants';
import styles from './SessionProperties.module.css';
@ -48,5 +48,3 @@ export function SessionProperties({ websiteId }: { websiteId: string }) {
</LoadingPanel>
);
}
export default SessionProperties;

View file

@ -1,9 +1,9 @@
import { useWebsiteSessions } from '@/components/hooks';
import SessionsTable from './SessionsTable';
import DataTable from '@/components/common/DataTable';
import { SessionsTable } from './SessionsTable';
import { DataTable } from '@/components/common/DataTable';
import { ReactNode } from 'react';
export default function SessionsDataTable({
export function SessionsDataTable({
websiteId,
children,
}: {

View file

@ -1,8 +1,8 @@
import { useMessages } from '@/components/hooks';
import useWebsiteSessionStats from '@/components/hooks/queries/useWebsiteSessionStats';
import WebsiteDateFilter from '@/components/input/WebsiteDateFilter';
import MetricCard from '@/components/metrics/MetricCard';
import MetricsBar from '@/components/metrics/MetricsBar';
import { useWebsiteSessionStats } from '@/components/hooks/queries/useWebsiteSessionStats';
import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
import { MetricCard } from '@/components/metrics/MetricCard';
import { MetricsBar } from '@/components/metrics/MetricsBar';
import { formatLongNumber } from '@/lib/format';
import { Flexbox } from 'react-basics';
@ -38,5 +38,3 @@ export function SessionsMetricsBar({ websiteId }: { websiteId: string }) {
</Flexbox>
);
}
export default SessionsMetricsBar;

View file

@ -1,14 +1,14 @@
'use client';
import WebsiteHeader from '../WebsiteHeader';
import SessionsDataTable from './SessionsDataTable';
import SessionsMetricsBar from './SessionsMetricsBar';
import SessionProperties from './SessionProperties';
import WorldMap from '@/components/metrics/WorldMap';
import { WebsiteHeader } from '../WebsiteHeader';
import { SessionsDataTable } from './SessionsDataTable';
import { SessionsMetricsBar } from './SessionsMetricsBar';
import { SessionProperties } from './SessionProperties';
import { WorldMap } from '@/components/metrics/WorldMap';
import { GridRow } from '@/components/layout/Grid';
import { Item, Tabs } from 'react-basics';
import { useState } from 'react';
import { useMessages } from '@/components/hooks';
import SessionsWeekly from './SessionsWeekly';
import { SessionsWeekly } from './SessionsWeekly';
export function SessionsPage({ websiteId }) {
const [tab, setTab] = useState('activity');
@ -31,5 +31,3 @@ export function SessionsPage({ websiteId }) {
</>
);
}
export default SessionsPage;

View file

@ -1,9 +1,9 @@
import Link from 'next/link';
import { GridColumn, GridTable } from 'react-basics';
import { useFormat, useMessages, useTimezone } from '@/components/hooks';
import Avatar from '@/components/common/Avatar';
import { Avatar } from '@/components/common/Avatar';
import styles from './SessionsTable.module.css';
import TypeIcon from '@/components/common/TypeIcon';
import { TypeIcon } from '@/components/common/TypeIcon';
export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean }) {
const { formatTimezoneDate } = useTimezone();
@ -56,5 +56,3 @@ export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean
</GridTable>
);
}
export default SessionsTable;

View file

@ -79,5 +79,3 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
</LoadingPanel>
);
}
export default SessionsWeekly;

View file

@ -1,6 +1,6 @@
import { isSameDay } from 'date-fns';
import { Loading, Icon, StatusLight } from 'react-basics';
import Icons from '@/components/icons';
import { Icons } from '@/components/icons';
import { useSessionActivity, useTimezone } from '@/components/hooks';
import styles from './SessionActivity.module.css';
import { Fragment } from 'react';

View file

@ -1,6 +1,6 @@
import { TextOverflow } from 'react-basics';
import { useMessages, useSessionData } from '@/components/hooks';
import Empty from '@/components/common/Empty';
import { Empty } from '@/components/common/Empty';
import { DATA_TYPES } from '@/lib/constants';
import styles from './SessionData.module.css';
import { LoadingPanel } from '@/components/common/LoadingPanel';

View file

@ -1,15 +1,15 @@
'use client';
import Avatar from '@/components/common/Avatar';
import { Avatar } from '@/components/common/Avatar';
import { LoadingPanel } from '@/components/common/LoadingPanel';
import { useWebsiteSession } from '@/components/hooks';
import WebsiteHeader from '../../WebsiteHeader';
import { WebsiteHeader } from '../../WebsiteHeader';
import { SessionActivity } from './SessionActivity';
import { SessionData } from './SessionData';
import styles from './SessionDetailsPage.module.css';
import SessionInfo from './SessionInfo';
import { SessionInfo } from './SessionInfo';
import { SessionStats } from './SessionStats';
export default function SessionDetailsPage({
export function SessionDetailsPage({
websiteId,
sessionId,
}: {

View file

@ -1,10 +1,10 @@
import { useFormat, useLocale, useMessages, useRegionNames, useTimezone } from '@/components/hooks';
import TypeIcon from '@/components/common/TypeIcon';
import { TypeIcon } from '@/components/common/TypeIcon';
import { Icon, CopyIcon } from 'react-basics';
import Icons from '@/components/icons';
import { Icons } from '@/components/icons';
import styles from './SessionInfo.module.css';
export default function SessionInfo({ data }) {
export function SessionInfo({ data }) {
const { locale } = useLocale();
const { formatTimezoneDate } = useTimezone();
const { formatMessage, labels } = useMessages();

View file

@ -1,6 +1,6 @@
import { useMessages } from '@/components/hooks';
import MetricCard from '@/components/metrics/MetricCard';
import MetricsBar from '@/components/metrics/MetricsBar';
import { MetricCard } from '@/components/metrics/MetricCard';
import { MetricsBar } from '@/components/metrics/MetricsBar';
import { formatShortTime } from '@/lib/format';
export function SessionStats({ data }) {

View file

@ -1,4 +1,4 @@
import SessionDetailsPage from './SessionDetailsPage';
import { SessionDetailsPage } from './SessionDetailsPage';
import { Metadata } from 'next';
export default async function WebsitePage({

View file

@ -1,4 +1,4 @@
import SessionsPage from './SessionsPage';
import { SessionsPage } from './SessionsPage';
import { Metadata } from 'next';
export default async function ({ params }: { params: { websiteId: string } }) {

View file

@ -1,4 +1,4 @@
import WebsitesPage from './WebsitesPage';
import { WebsitesPage } from './WebsitesPage';
import { Metadata } from 'next';
export default function () {