Refactor: removed default exports.

src/app/(main)/websites/[websiteId]/sessions/SessionProperties.tsx

@@ -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;

src/app/(main)/websites/[websiteId]/sessions/SessionsDataTable.tsx

@@ -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,
 }: {

src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx

@@ -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;

src/app/(main)/websites/[websiteId]/sessions/SessionsPage.tsx

@@ -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;

src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx

@@ -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;

src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx

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

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx

@@ -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';

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionData.tsx

@@ -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';

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.tsx

@@ -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,
 }: {

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionInfo.tsx

@@ -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();

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx

@@ -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 }) {

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/page.tsx

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

src/app/(main)/websites/[websiteId]/sessions/page.tsx

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