mirror of
https://github.com/umami-software/umami.git
synced 2026-02-10 23:57:12 +01:00
Refactor: removed default exports.
This commit is contained in:
parent
cd944e14ce
commit
f83a12d6cd
343 changed files with 555 additions and 1046 deletions
|
|
@ -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 (
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}: {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -27,5 +27,3 @@ export function WebsiteProvider({
|
|||
|
||||
return <WebsiteContext.Provider value={website}>{children}</WebsiteContext.Provider>;
|
||||
}
|
||||
|
||||
export default WebsiteProvider;
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import WebsiteComparePage from './WebsiteComparePage';
|
||||
import { WebsiteComparePage } from './WebsiteComparePage';
|
||||
import { Metadata } from 'next';
|
||||
|
||||
export default async function ({ params }: { params: { websiteId: string } }) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import { Metadata } from 'next';
|
||||
import WebsiteProvider from './WebsiteProvider';
|
||||
import { WebsiteProvider } from './WebsiteProvider';
|
||||
|
||||
export default async function ({
|
||||
children,
|
||||
|
|
|
|||
|
|
@ -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 }> }) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import WebsiteRealtimePage from './WebsiteRealtimePage';
|
||||
import { WebsiteRealtimePage } from './WebsiteRealtimePage';
|
||||
import { Metadata } from 'next';
|
||||
|
||||
export default async function ({ params }: { params: { websiteId: string } }) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import WebsiteReportsPage from './WebsiteReportsPage';
|
||||
import { WebsiteReportsPage } from './WebsiteReportsPage';
|
||||
import { Metadata } from 'next';
|
||||
|
||||
export default async function ({ params }: { params: { websiteId: string } }) {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}: {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -79,5 +79,3 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
|
|||
</LoadingPanel>
|
||||
);
|
||||
}
|
||||
|
||||
export default SessionsWeekly;
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}: {
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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 }) {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import SessionDetailsPage from './SessionDetailsPage';
|
||||
import { SessionDetailsPage } from './SessionDetailsPage';
|
||||
import { Metadata } from 'next';
|
||||
|
||||
export default async function WebsitePage({
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import SessionsPage from './SessionsPage';
|
||||
import { SessionsPage } from './SessionsPage';
|
||||
import { Metadata } from 'next';
|
||||
|
||||
export default async function ({ params }: { params: { websiteId: string } }) {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import WebsitesPage from './WebsitesPage';
|
||||
import { WebsitesPage } from './WebsitesPage';
|
||||
import { Metadata } from 'next';
|
||||
|
||||
export default function () {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue