From 8bddc666b44f7878ce21f77baf17308c9afb67cc Mon Sep 17 00:00:00 2001 From: Mike Cao Date: Fri, 21 Apr 2023 08:00:42 -0700 Subject: [PATCH] Refactored exports. --- components/common/EmptyPlaceholder.js | 2 +- components/common/ErrorMessage.js | 4 +++- components/common/Favicon.js | 2 +- components/common/FilterButtons.js | 4 +++- components/common/FilterLink.js | 4 +++- components/common/HamburgerButton.js | 4 +++- components/common/HoverTooltip.js | 4 +++- components/common/MobileMenu.js | 4 +++- components/common/NoData.js | 2 +- components/common/SettingsTable.js | 4 +++- components/common/UpdateNotice.js | 4 +++- components/common/WorldMap.js | 8 ++++---- components/input/DateFilter.js | 2 +- components/input/LanguageButton.js | 4 +++- components/input/LogoutButton.js | 4 +++- components/input/ProfileButton.js | 4 +++- components/input/RefreshButton.js | 2 +- components/input/SettingsButton.js | 4 +++- components/input/ThemeButton.js | 4 +++- components/input/WebsiteSelect.js | 4 +++- components/layout/AppLayout.js | 4 +++- components/layout/Footer.js | 4 +++- components/layout/Header.js | 4 +++- components/layout/NavBar.js | 5 +++-- components/layout/NavGroup.js | 4 +++- components/layout/Page.js | 4 +++- components/layout/PageHeader.js | 4 +++- components/layout/SettingsLayout.js | 5 +++-- components/layout/ShareLayout.js | 4 +++- components/layout/SideNav.js | 4 +++- components/metrics/ActiveUsers.js | 4 +++- components/metrics/BarChart.js | 4 +++- components/metrics/BrowsersTable.js | 4 +++- components/metrics/CitiesTable.js | 4 +++- components/metrics/CountriesTable.js | 4 +++- components/metrics/DataTable.js | 5 +++-- components/metrics/DatePickerForm.js | 4 +++- components/metrics/DevicesTable.js | 4 +++- components/metrics/EventsChart.js | 4 +++- components/metrics/EventsTable.js | 4 +++- components/metrics/FilterTags.js | 4 +++- components/metrics/LanguagesTable.js | 4 +++- components/metrics/Legend.js | 4 +++- components/metrics/MetricCard.js | 2 +- components/metrics/MetricsBar.js | 4 +++- components/metrics/MetricsTable.js | 4 +++- components/metrics/OSTable.js | 4 +++- components/metrics/PagesTable.js | 4 +++- components/metrics/PageviewsChart.js | 12 +++--------- components/metrics/QueryParametersTable.js | 4 +++- components/metrics/RealtimeChart.js | 4 +++- components/metrics/ReferrersTable.js | 4 +++- components/metrics/RegionsTable.js | 4 +++- components/metrics/ScreenTable.js | 4 +++- components/metrics/WebsiteChart.js | 4 +++- components/metrics/WebsiteHeader.js | 4 +++- components/pages/console/TestConsole.js | 4 +++- components/pages/dashboard/Dashboard.js | 4 +++- components/pages/dashboard/DashboardEdit.js | 4 +++- .../pages/dashboard/DashboardSettingsButton.js | 4 +++- components/pages/login/LoginForm.js | 4 +++- components/pages/login/LoginLayout.js | 4 +++- components/pages/realtime/RealtimeCountries.js | 4 +++- components/pages/realtime/RealtimeDashboard.js | 4 +++- components/pages/realtime/RealtimeHeader.js | 4 +++- components/pages/realtime/RealtimeHome.js | 4 +++- components/pages/realtime/RealtimeLog.js | 4 +++- components/pages/realtime/RealtimeUrls.js | 4 +++- .../pages/settings/profile/DateRangeSetting.js | 4 +++- components/pages/settings/profile/LanguageSetting.js | 4 +++- .../pages/settings/profile/PasswordChangeButton.js | 4 +++- .../pages/settings/profile/PasswordEditForm.js | 4 +++- components/pages/settings/profile/ProfileDetails.js | 4 +++- components/pages/settings/profile/ProfileSettings.js | 4 +++- components/pages/settings/profile/ThemeSetting.js | 4 +++- components/pages/settings/profile/TimezoneSetting.js | 4 +++- components/pages/settings/teams/TeamAddForm.js | 4 +++- .../pages/settings/teams/TeamAddWebsiteForm.js | 4 +++- components/pages/settings/teams/TeamDeleteForm.js | 4 +++- components/pages/settings/teams/TeamEditForm.js | 4 +++- .../teams/{JoinTeamForm.js => TeamJoinForm.js} | 4 +++- components/pages/settings/teams/TeamLeaveForm.js | 4 +++- .../pages/settings/teams/TeamMemberRemoveButton.js | 4 +++- components/pages/settings/teams/TeamMembers.js | 4 +++- components/pages/settings/teams/TeamMembersTable.js | 4 +++- components/pages/settings/teams/TeamSettings.js | 4 +++- .../pages/settings/teams/TeamWebsiteRemoveButton.js | 4 +++- components/pages/settings/teams/TeamWebsites.js | 4 +++- components/pages/settings/teams/TeamWebsitesTable.js | 4 +++- components/pages/settings/teams/TeamsList.js | 2 +- components/pages/settings/teams/TeamsTable.js | 4 +++- components/pages/settings/teams/WebsiteTags.js | 4 +++- components/pages/settings/users/UserAddButton.js | 4 +++- components/pages/settings/users/UserAddForm.js | 4 +++- components/pages/settings/users/UserDeleteForm.js | 4 +++- components/pages/settings/users/UserEditForm.js | 4 +++- components/pages/settings/users/UserSettings.js | 4 +++- components/pages/settings/users/UserWebsites.js | 4 +++- components/pages/settings/users/UsersList.js | 4 +++- components/pages/settings/users/UsersTable.js | 4 +++- components/pages/settings/websites/ShareUrl.js | 4 +++- components/pages/settings/websites/TrackingCode.js | 4 +++- components/pages/settings/websites/WebsiteAddForm.js | 4 +++- components/pages/settings/websites/WebsiteData.js | 4 +++- .../pages/settings/websites/WebsiteDeleteForm.js | 4 +++- .../pages/settings/websites/WebsiteEditForm.js | 4 +++- .../pages/settings/websites/WebsiteResetForm.js | 4 +++- .../pages/settings/websites/WebsiteSettings.js | 4 +++- components/pages/settings/websites/WebsitesList.js | 4 +++- components/pages/settings/websites/WebsitesTable.js | 4 +++- 110 files changed, 317 insertions(+), 124 deletions(-) rename components/pages/settings/teams/{JoinTeamForm.js => TeamJoinForm.js} (93%) diff --git a/components/common/EmptyPlaceholder.js b/components/common/EmptyPlaceholder.js index fa773a01..8834a1db 100644 --- a/components/common/EmptyPlaceholder.js +++ b/components/common/EmptyPlaceholder.js @@ -1,7 +1,7 @@ import { Icon, Text, Flexbox } from 'react-basics'; import Logo from 'assets/logo.svg'; -function EmptyPlaceholder({ message, children }) { +export function EmptyPlaceholder({ message, children }) { return ( diff --git a/components/common/ErrorMessage.js b/components/common/ErrorMessage.js index b5d44bb4..e2b22747 100644 --- a/components/common/ErrorMessage.js +++ b/components/common/ErrorMessage.js @@ -2,7 +2,7 @@ import { Icon, Icons, Text } from 'react-basics'; import styles from './ErrorMessage.module.css'; import useMessages from 'hooks/useMessages'; -export default function ErrorMessage() { +export function ErrorMessage() { const { formatMessage, messages } = useMessages(); return ( @@ -14,3 +14,5 @@ export default function ErrorMessage() { ); } + +export default ErrorMessage; diff --git a/components/common/Favicon.js b/components/common/Favicon.js index 2127d482..55059cc0 100644 --- a/components/common/Favicon.js +++ b/components/common/Favicon.js @@ -5,7 +5,7 @@ function getHostName(url) { return match && match.length > 1 ? match[1] : null; } -function Favicon({ domain, ...props }) { +export function Favicon({ domain, ...props }) { const hostName = domain ? getHostName(domain) : null; return hostName ? ( diff --git a/components/common/FilterButtons.js b/components/common/FilterButtons.js index 4d08a132..f5a54fb6 100644 --- a/components/common/FilterButtons.js +++ b/components/common/FilterButtons.js @@ -1,6 +1,6 @@ import { ButtonGroup, Button, Flexbox } from 'react-basics'; -export default function FilterButtons({ items, selectedKey, onSelect }) { +export function FilterButtons({ items, selectedKey, onSelect }) { return ( @@ -9,3 +9,5 @@ export default function FilterButtons({ items, selectedKey, onSelect }) { ); } + +export default FilterButtons; diff --git a/components/common/FilterLink.js b/components/common/FilterLink.js index 322b5499..0fed3cd6 100644 --- a/components/common/FilterLink.js +++ b/components/common/FilterLink.js @@ -6,7 +6,7 @@ import usePageQuery from 'hooks/usePageQuery'; import useMessages from 'hooks/useMessages'; import styles from './FilterLink.module.css'; -export default function FilterLink({ id, value, label, externalUrl }) { +export function FilterLink({ id, value, label, externalUrl }) { const { formatMessage, labels } = useMessages(); const { resolveUrl, query } = usePageQuery(); const active = query[id] !== undefined; @@ -37,3 +37,5 @@ export default function FilterLink({ id, value, label, externalUrl }) { ); } + +export default FilterLink; diff --git a/components/common/HamburgerButton.js b/components/common/HamburgerButton.js index b3e0b54f..f4b12859 100644 --- a/components/common/HamburgerButton.js +++ b/components/common/HamburgerButton.js @@ -5,7 +5,7 @@ import Icons from 'components/icons'; import useMessages from 'hooks/useMessages'; import useConfig from 'hooks/useConfig'; -export default function HamburgerButton() { +export function HamburgerButton() { const { formatMessage, labels } = useMessages(); const [active, setActive] = useState(false); const { cloudMode } = useConfig(); @@ -57,3 +57,5 @@ export default function HamburgerButton() { ); } + +export default HamburgerButton; diff --git a/components/common/HoverTooltip.js b/components/common/HoverTooltip.js index 3b885b1d..2a98ab84 100644 --- a/components/common/HoverTooltip.js +++ b/components/common/HoverTooltip.js @@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'; import { Tooltip } from 'react-basics'; import styles from './HoverTooltip.module.css'; -export default function HoverTooltip({ tooltip }) { +export function HoverTooltip({ tooltip }) { const [position, setPosition] = useState({ x: -1000, y: -1000 }); useEffect(() => { @@ -23,3 +23,5 @@ export default function HoverTooltip({ tooltip }) { ); } + +export default HoverTooltip; diff --git a/components/common/MobileMenu.js b/components/common/MobileMenu.js index 44c8da84..2228a3e9 100644 --- a/components/common/MobileMenu.js +++ b/components/common/MobileMenu.js @@ -3,7 +3,7 @@ import { useRouter } from 'next/router'; import Link from 'next/link'; import styles from './MobileMenu.module.css'; -export default function MobileMenu({ items = [], onClose }) { +export function MobileMenu({ items = [], onClose }) { const { pathname } = useRouter(); const Items = ({ items, className }) => ( @@ -34,3 +34,5 @@ export default function MobileMenu({ items = [], onClose }) { ); } + +export default MobileMenu; diff --git a/components/common/NoData.js b/components/common/NoData.js index e278b6f3..e9c95754 100644 --- a/components/common/NoData.js +++ b/components/common/NoData.js @@ -2,7 +2,7 @@ import classNames from 'classnames'; import styles from './NoData.module.css'; import useMessages from 'hooks/useMessages'; -function NoData({ className }) { +export function NoData({ className }) { const { formatMessage, messages } = useMessages(); return ( diff --git a/components/common/SettingsTable.js b/components/common/SettingsTable.js index ac29d54e..8f039858 100644 --- a/components/common/SettingsTable.js +++ b/components/common/SettingsTable.js @@ -1,7 +1,7 @@ import { Table, TableHeader, TableBody, TableRow, TableCell, TableColumn } from 'react-basics'; import styles from './SettingsTable.module.css'; -export default function SettingsTable({ columns = [], data = [], children, cellRender }) { +export function SettingsTable({ columns = [], data = [], children, cellRender }) { return ( @@ -34,3 +34,5 @@ export default function SettingsTable({ columns = [], data = [], children, cellR
); } + +export default SettingsTable; diff --git a/components/common/UpdateNotice.js b/components/common/UpdateNotice.js index c30ab8fb..161a5a67 100644 --- a/components/common/UpdateNotice.js +++ b/components/common/UpdateNotice.js @@ -6,7 +6,7 @@ import { REPO_URL, VERSION_CHECK } from 'lib/constants'; import styles from './UpdateNotice.module.css'; import useMessages from 'hooks/useMessages'; -export default function UpdateNotice() { +export function UpdateNotice() { const { formatMessage, labels, messages } = useMessages(); const { latest, checked, hasUpdate, releaseUrl } = useStore(); const [dismissed, setDismissed] = useState(false); @@ -50,3 +50,5 @@ export default function UpdateNotice() { ); } + +export default UpdateNotice; diff --git a/components/common/WorldMap.js b/components/common/WorldMap.js index c6aa91ab..55a13f0b 100644 --- a/components/common/WorldMap.js +++ b/components/common/WorldMap.js @@ -3,16 +3,16 @@ import { useRouter } from 'next/router'; import { ComposableMap, Geographies, Geography, ZoomableGroup } from 'react-simple-maps'; import classNames from 'classnames'; import { colord } from 'colord'; -import useTheme from 'hooks/useTheme'; +import HoverTooltip from 'components/common/HoverTooltip'; import { ISO_COUNTRIES, THEME_COLORS, MAP_FILE } from 'lib/constants'; -import styles from './WorldMap.module.css'; +import useTheme from 'hooks/useTheme'; import useCountryNames from 'hooks/useCountryNames'; import useLocale from 'hooks/useLocale'; -import HoverTooltip from './HoverTooltip'; import { formatLongNumber } from 'lib/format'; import { percentFilter } from 'lib/filters'; +import styles from './WorldMap.module.css'; -function WorldMap({ data, className }) { +export function WorldMap({ data, className }) { const { basePath } = useRouter(); const [tooltip, setTooltip] = useState(); const [theme] = useTheme(); diff --git a/components/input/DateFilter.js b/components/input/DateFilter.js index e0881bd8..68dcd417 100644 --- a/components/input/DateFilter.js +++ b/components/input/DateFilter.js @@ -9,7 +9,7 @@ import useApi from 'hooks/useApi'; import useDateRange from 'hooks/useDateRange'; import useMessages from 'hooks/useMessages'; -function DateFilter({ websiteId, value, className }) { +export function DateFilter({ websiteId, value, className }) { const { formatMessage, labels } = useMessages(); const { get } = useApi(); const [dateRange, setDateRange] = useDateRange(websiteId); diff --git a/components/input/LanguageButton.js b/components/input/LanguageButton.js index bc130c4c..1297d6c2 100644 --- a/components/input/LanguageButton.js +++ b/components/input/LanguageButton.js @@ -5,7 +5,7 @@ import useLocale from 'hooks/useLocale'; import Icons from 'components/icons'; import styles from './LanguageButton.module.css'; -export default function LanguageButton() { +export function LanguageButton() { const { locale, saveLocale, dir } = useLocale(); const items = Object.keys(languages).map(key => ({ ...languages[key], value: key })); @@ -43,3 +43,5 @@ export default function LanguageButton() { ); } + +export default LanguageButton; diff --git a/components/input/LogoutButton.js b/components/input/LogoutButton.js index 4dfe7bed..3314956e 100644 --- a/components/input/LogoutButton.js +++ b/components/input/LogoutButton.js @@ -2,7 +2,7 @@ import { Button, Icon, Icons, Tooltip } from 'react-basics'; import Link from 'next/link'; import useMessages from 'hooks/useMessages'; -export default function LogoutButton({ tooltipPosition = 'top' }) { +export function LogoutButton({ tooltipPosition = 'top' }) { const { formatMessage, labels } = useMessages(); return ( @@ -16,3 +16,5 @@ export default function LogoutButton({ tooltipPosition = 'top' }) { ); } + +export default LogoutButton; diff --git a/components/input/ProfileButton.js b/components/input/ProfileButton.js index 453f1df3..bbd84af5 100644 --- a/components/input/ProfileButton.js +++ b/components/input/ProfileButton.js @@ -7,7 +7,7 @@ import useConfig from 'hooks/useConfig'; import styles from './ProfileButton.module.css'; import useLocale from 'hooks/useLocale'; -export default function ProfileButton() { +export function ProfileButton() { const { formatMessage, labels } = useMessages(); const { user } = useUser(); const { cloudMode } = useConfig(); @@ -57,3 +57,5 @@ export default function ProfileButton() { ); } + +export default ProfileButton; diff --git a/components/input/RefreshButton.js b/components/input/RefreshButton.js index 458b469b..b3e2b815 100644 --- a/components/input/RefreshButton.js +++ b/components/input/RefreshButton.js @@ -4,7 +4,7 @@ import useDateRange from 'hooks/useDateRange'; import Icons from 'components/icons'; import useMessages from 'hooks/useMessages'; -function RefreshButton({ websiteId, isLoading }) { +export function RefreshButton({ websiteId, isLoading }) { const { formatMessage, labels } = useMessages(); const [dateRange] = useDateRange(websiteId); diff --git a/components/input/SettingsButton.js b/components/input/SettingsButton.js index 84a5d675..6f2012d4 100644 --- a/components/input/SettingsButton.js +++ b/components/input/SettingsButton.js @@ -5,7 +5,7 @@ import Icons from 'components/icons'; import useMessages from 'hooks/useMessages'; import styles from './SettingsButton.module.css'; -export default function SettingsButton() { +export function SettingsButton() { const { formatMessage, labels } = useMessages(); return ( @@ -33,3 +33,5 @@ export default function SettingsButton() { ); } + +export default SettingsButton; diff --git a/components/input/ThemeButton.js b/components/input/ThemeButton.js index 0e5706d7..b945ab7d 100644 --- a/components/input/ThemeButton.js +++ b/components/input/ThemeButton.js @@ -4,7 +4,7 @@ import useTheme from 'hooks/useTheme'; import Icons from 'components/icons'; import styles from './ThemeButton.module.css'; -export default function ThemeButton() { +export function ThemeButton() { const [theme, setTheme] = useTheme(); const transitions = useTransition(theme, { @@ -34,3 +34,5 @@ export default function ThemeButton() { ); } + +export default ThemeButton; diff --git a/components/input/WebsiteSelect.js b/components/input/WebsiteSelect.js index 62fc1435..a0ac38e4 100644 --- a/components/input/WebsiteSelect.js +++ b/components/input/WebsiteSelect.js @@ -2,7 +2,7 @@ import { Dropdown, Item } from 'react-basics'; import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function WebsiteSelect({ websiteId, onSelect }) { +export function WebsiteSelect({ websiteId, onSelect }) { const { formatMessage, labels } = useMessages(); const { get, useQuery } = useApi(); const { data } = useQuery(['websites:me'], () => get('/me/websites')); @@ -25,3 +25,5 @@ export default function WebsiteSelect({ websiteId, onSelect }) { ); } + +export default WebsiteSelect; diff --git a/components/layout/AppLayout.js b/components/layout/AppLayout.js index 9a616410..45ba7e23 100644 --- a/components/layout/AppLayout.js +++ b/components/layout/AppLayout.js @@ -8,7 +8,7 @@ import useConfig from 'hooks/useConfig'; import { CURRENT_VERSION } from 'lib/constants'; import styles from './AppLayout.module.css'; -export default function AppLayout({ title, children }) { +export function AppLayout({ title, children }) { const { user } = useRequireLogin(); const config = useConfig(); const { pathname } = useRouter(); @@ -34,3 +34,5 @@ export default function AppLayout({ title, children }) { ); } + +export default AppLayout; diff --git a/components/layout/Footer.js b/components/layout/Footer.js index 64812b8e..7cc5d3de 100644 --- a/components/layout/Footer.js +++ b/components/layout/Footer.js @@ -4,7 +4,7 @@ import { CURRENT_VERSION, HOMEPAGE_URL, REPO_URL } from 'lib/constants'; import { labels } from 'components/messages'; import styles from './Footer.module.css'; -export default function Footer() { +export function Footer() { return (
@@ -29,3 +29,5 @@ export default function Footer() {
); } + +export default Footer; diff --git a/components/layout/Header.js b/components/layout/Header.js index 10451998..2007b1d9 100644 --- a/components/layout/Header.js +++ b/components/layout/Header.js @@ -6,7 +6,7 @@ import SettingsButton from 'components/input/SettingsButton'; import Icons from 'components/icons'; import styles from './Header.module.css'; -export default function Header() { +export function Header() { return (
@@ -27,3 +27,5 @@ export default function Header() {
); } + +export default Header; diff --git a/components/layout/NavBar.js b/components/layout/NavBar.js index 46eabc9e..5a6c877e 100644 --- a/components/layout/NavBar.js +++ b/components/layout/NavBar.js @@ -1,4 +1,3 @@ -import { useState } from 'react'; import { Icon, Text, Row, Column } from 'react-basics'; import Link from 'next/link'; import classNames from 'classnames'; @@ -12,7 +11,7 @@ import useMessages from 'hooks/useMessages'; import { useRouter } from 'next/router'; import HamburgerButton from '../common/HamburgerButton'; -export default function NavBar() { +export function NavBar() { const { pathname } = useRouter(); const { cloudMode } = useConfig(); const { formatMessage, labels } = useMessages(); @@ -61,3 +60,5 @@ export default function NavBar() { ); } + +export default NavBar; diff --git a/components/layout/NavGroup.js b/components/layout/NavGroup.js index 5d4f6ccc..b9e7155d 100644 --- a/components/layout/NavGroup.js +++ b/components/layout/NavGroup.js @@ -6,7 +6,7 @@ import Link from 'next/link'; import Icons from 'components/icons'; import styles from './NavGroup.module.css'; -export default function NavGroup({ +export function NavGroup({ title, items, defaultExpanded = true, @@ -54,3 +54,5 @@ export default function NavGroup({ ); } + +export default NavGroup; diff --git a/components/layout/Page.js b/components/layout/Page.js index d06e0d06..30abde50 100644 --- a/components/layout/Page.js +++ b/components/layout/Page.js @@ -3,7 +3,7 @@ import { Banner, Loading } from 'react-basics'; import useMessages from 'hooks/useMessages'; import styles from './Page.module.css'; -export default function Page({ className, error, loading, children }) { +export function Page({ className, error, loading, children }) { const { formatMessage, messages } = useMessages(); if (error) { @@ -16,3 +16,5 @@ export default function Page({ className, error, loading, children }) { return
{children}
; } + +export default Page; diff --git a/components/layout/PageHeader.js b/components/layout/PageHeader.js index 05c87f73..bf243c21 100644 --- a/components/layout/PageHeader.js +++ b/components/layout/PageHeader.js @@ -1,7 +1,7 @@ import React from 'react'; import styles from './PageHeader.module.css'; -export default function PageHeader({ title, children }) { +export function PageHeader({ title, children }) { return (
{title}
@@ -9,3 +9,5 @@ export default function PageHeader({ title, children }) {
); } + +export default PageHeader; diff --git a/components/layout/SettingsLayout.js b/components/layout/SettingsLayout.js index ea0456e0..c79f0909 100644 --- a/components/layout/SettingsLayout.js +++ b/components/layout/SettingsLayout.js @@ -1,5 +1,4 @@ import { Row, Column } from 'react-basics'; -import classNames from 'classnames'; import { useRouter } from 'next/router'; import SideNav from './SideNav'; import useUser from 'hooks/useUser'; @@ -7,7 +6,7 @@ import useMessages from 'hooks/useMessages'; import useConfig from 'hooks/useConfig'; import styles from './SettingsLayout.module.css'; -export default function SettingsLayout({ children }) { +export function SettingsLayout({ children }) { const { user } = useUser(); const { pathname } = useRouter(); const { formatMessage, labels } = useMessages(); @@ -35,3 +34,5 @@ export default function SettingsLayout({ children }) { ); } + +export default SettingsLayout; diff --git a/components/layout/ShareLayout.js b/components/layout/ShareLayout.js index 9f19fda8..c634e1b6 100644 --- a/components/layout/ShareLayout.js +++ b/components/layout/ShareLayout.js @@ -2,7 +2,7 @@ import { Container } from 'react-basics'; import Header from './Header'; import Footer from './Footer'; -export default function ShareLayout({ children }) { +export function ShareLayout({ children }) { return (
@@ -11,3 +11,5 @@ export default function ShareLayout({ children }) { ); } + +export default ShareLayout; diff --git a/components/layout/SideNav.js b/components/layout/SideNav.js index 2b93c3f2..e7e96b7d 100644 --- a/components/layout/SideNav.js +++ b/components/layout/SideNav.js @@ -4,7 +4,7 @@ import { useRouter } from 'next/router'; import Link from 'next/link'; import styles from './SideNav.module.css'; -export default function SideNav({ selectedKey, items, shallow, onSelect = () => {} }) { +export function SideNav({ selectedKey, items, shallow, onSelect = () => {} }) { const { asPath } = useRouter(); return ( @@ -21,3 +21,5 @@ export default function SideNav({ selectedKey, items, shallow, onSelect = () => ); } + +export default SideNav; diff --git a/components/metrics/ActiveUsers.js b/components/metrics/ActiveUsers.js index 96b67df3..e79b977d 100644 --- a/components/metrics/ActiveUsers.js +++ b/components/metrics/ActiveUsers.js @@ -4,7 +4,7 @@ import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; import styles from './ActiveUsers.module.css'; -export default function ActiveUsers({ websiteId, value, refetchInterval = 60000 }) { +export function ActiveUsers({ websiteId, value, refetchInterval = 60000 }) { const { formatMessage, messages } = useMessages(); const { get, useQuery } = useApi(); const { data } = useQuery( @@ -34,3 +34,5 @@ export default function ActiveUsers({ websiteId, value, refetchInterval = 60000 ); } + +export default ActiveUsers; diff --git a/components/metrics/BarChart.js b/components/metrics/BarChart.js index 48c93431..cd7070e8 100644 --- a/components/metrics/BarChart.js +++ b/components/metrics/BarChart.js @@ -11,7 +11,7 @@ import useTheme from 'hooks/useTheme'; import { DEFAULT_ANIMATION_DURATION, THEME_COLORS } from 'lib/constants'; import styles from './BarChart.module.css'; -export default function BarChart({ +export function BarChart({ datasets, unit, animationDuration = DEFAULT_ANIMATION_DURATION, @@ -210,3 +210,5 @@ export default function BarChart({ ); } + +export default BarChart; diff --git a/components/metrics/BrowsersTable.js b/components/metrics/BrowsersTable.js index c205ca99..a8dd34ea 100644 --- a/components/metrics/BrowsersTable.js +++ b/components/metrics/BrowsersTable.js @@ -3,7 +3,7 @@ import MetricsTable from 'components/metrics/MetricsTable'; import { BROWSERS } from 'lib/constants'; import useMessages from 'hooks/useMessages'; -export default function BrowsersTable({ websiteId, ...props }) { +export function BrowsersTable({ websiteId, ...props }) { const { formatMessage, labels } = useMessages(); function renderLink({ x: browser }) { @@ -21,3 +21,5 @@ export default function BrowsersTable({ websiteId, ...props }) { /> ); } + +export default BrowsersTable; diff --git a/components/metrics/CitiesTable.js b/components/metrics/CitiesTable.js index 4aa61334..2e74780d 100644 --- a/components/metrics/CitiesTable.js +++ b/components/metrics/CitiesTable.js @@ -4,7 +4,7 @@ import FilterLink from 'components/common/FilterLink'; import useLocale from 'hooks/useLocale'; import useMessages from 'hooks/useMessages'; -export default function CitiesTable({ websiteId, ...props }) { +export function CitiesTable({ websiteId, ...props }) { const { locale } = useLocale(); const { formatMessage, labels } = useMessages(); @@ -28,3 +28,5 @@ export default function CitiesTable({ websiteId, ...props }) { /> ); } + +export default CitiesTable; diff --git a/components/metrics/CountriesTable.js b/components/metrics/CountriesTable.js index dcebe5e0..129512f8 100644 --- a/components/metrics/CountriesTable.js +++ b/components/metrics/CountriesTable.js @@ -4,7 +4,7 @@ import useCountryNames from 'hooks/useCountryNames'; import useLocale from 'hooks/useLocale'; import useMessages from 'hooks/useMessages'; -export default function CountriesTable({ websiteId, ...props }) { +export function CountriesTable({ websiteId, ...props }) { const { locale } = useLocale(); const countryNames = useCountryNames(locale); const { formatMessage, labels } = useMessages(); @@ -28,3 +28,5 @@ export default function CountriesTable({ websiteId, ...props }) { /> ); } + +export default CountriesTable; diff --git a/components/metrics/DataTable.js b/components/metrics/DataTable.js index 4a132780..086f98ae 100644 --- a/components/metrics/DataTable.js +++ b/components/metrics/DataTable.js @@ -3,13 +3,12 @@ import useMeasure from 'react-use-measure'; import { FixedSizeList } from 'react-window'; import { useSpring, animated, config } from 'react-spring'; import classNames from 'classnames'; -import { FormattedMessage } from 'react-intl'; import NoData from 'components/common/NoData'; import { formatNumber, formatLongNumber } from 'lib/format'; import styles from './DataTable.module.css'; import useMessages from '../../hooks/useMessages'; -export default function DataTable({ +export function DataTable({ data = [], title, metric, @@ -102,3 +101,5 @@ const AnimatedRow = ({ ); }; + +export default DataTable; diff --git a/components/metrics/DatePickerForm.js b/components/metrics/DatePickerForm.js index 1a6265b7..96730591 100644 --- a/components/metrics/DatePickerForm.js +++ b/components/metrics/DatePickerForm.js @@ -8,7 +8,7 @@ import { FILTER_DAY, FILTER_RANGE } from 'lib/constants'; import useMessages from 'hooks/useMessages'; import styles from './DatePickerForm.module.css'; -export default function DatePickerForm({ +export function DatePickerForm({ startDate: defaultStartDate, endDate: defaultEndDate, minDate, @@ -78,3 +78,5 @@ export default function DatePickerForm({ ); } + +export default DatePickerForm; diff --git a/components/metrics/DevicesTable.js b/components/metrics/DevicesTable.js index c877ab58..1bc3ac04 100644 --- a/components/metrics/DevicesTable.js +++ b/components/metrics/DevicesTable.js @@ -2,7 +2,7 @@ import MetricsTable from './MetricsTable'; import FilterLink from 'components/common/FilterLink'; import useMessages from 'hooks/useMessages'; -export default function DevicesTable({ websiteId, ...props }) { +export function DevicesTable({ websiteId, ...props }) { const { formatMessage, labels } = useMessages(); function renderLink({ x: device }) { @@ -26,3 +26,5 @@ export default function DevicesTable({ websiteId, ...props }) { /> ); } + +export default DevicesTable; diff --git a/components/metrics/EventsChart.js b/components/metrics/EventsChart.js index 1fc461bb..eb397cc9 100644 --- a/components/metrics/EventsChart.js +++ b/components/metrics/EventsChart.js @@ -9,7 +9,7 @@ import useTimezone from 'hooks/useTimezone'; import usePageQuery from 'hooks/usePageQuery'; import { EVENT_COLORS } from 'lib/constants'; -export default function EventsChart({ websiteId, className, token }) { +export function EventsChart({ websiteId, className, token }) { const { get, useQuery } = useApi(); const [{ startDate, endDate, unit, modified }] = useDateRange(websiteId); const [timezone] = useTimezone(); @@ -76,3 +76,5 @@ export default function EventsChart({ websiteId, className, token }) { /> ); } + +export default EventsChart; diff --git a/components/metrics/EventsTable.js b/components/metrics/EventsTable.js index 3e09a856..eb23a281 100644 --- a/components/metrics/EventsTable.js +++ b/components/metrics/EventsTable.js @@ -1,7 +1,7 @@ import MetricsTable from './MetricsTable'; import useMessages from 'hooks/useMessages'; -export default function EventsTable({ websiteId, ...props }) { +export function EventsTable({ websiteId, ...props }) { const { formatMessage, labels } = useMessages(); function handleDataLoad(data) { @@ -19,3 +19,5 @@ export default function EventsTable({ websiteId, ...props }) { /> ); } + +export default EventsTable; diff --git a/components/metrics/FilterTags.js b/components/metrics/FilterTags.js index 96c00983..ad3ff60b 100644 --- a/components/metrics/FilterTags.js +++ b/components/metrics/FilterTags.js @@ -4,7 +4,7 @@ import usePageQuery from 'hooks/usePageQuery'; import styles from './FilterTags.module.css'; import useMessages from 'hooks/useMessages'; -export default function FilterTags({ params }) { +export function FilterTags({ params }) { const { formatMessage, labels } = useMessages(); const { router, @@ -50,3 +50,5 @@ export default function FilterTags({ params }) { ); } + +export default FilterTags; diff --git a/components/metrics/LanguagesTable.js b/components/metrics/LanguagesTable.js index b32fe2c8..e90a3425 100644 --- a/components/metrics/LanguagesTable.js +++ b/components/metrics/LanguagesTable.js @@ -4,7 +4,7 @@ import useLanguageNames from 'hooks/useLanguageNames'; import useLocale from 'hooks/useLocale'; import useMessages from 'hooks/useMessages'; -export default function LanguagesTable({ websiteId, onDataLoad, ...props }) { +export function LanguagesTable({ websiteId, onDataLoad, ...props }) { const { formatMessage, labels } = useMessages(); const { locale } = useLocale(); const languageNames = useLanguageNames(locale); @@ -25,3 +25,5 @@ export default function LanguagesTable({ websiteId, onDataLoad, ...props }) { /> ); } + +export default LanguagesTable; diff --git a/components/metrics/Legend.js b/components/metrics/Legend.js index 10848066..91135acb 100644 --- a/components/metrics/Legend.js +++ b/components/metrics/Legend.js @@ -6,7 +6,7 @@ import useLocale from 'hooks/useLocale'; import useForceUpdate from 'hooks/useForceUpdate'; import styles from './Legend.module.css'; -export default function Legend({ chart }) { +export function Legend({ chart }) { const { locale } = useLocale(); const forceUpdate = useForceUpdate(); @@ -48,3 +48,5 @@ export default function Legend({ chart }) { ); } + +export default Legend; diff --git a/components/metrics/MetricCard.js b/components/metrics/MetricCard.js index a49aeefc..8a1806c9 100644 --- a/components/metrics/MetricCard.js +++ b/components/metrics/MetricCard.js @@ -3,7 +3,7 @@ import { useSpring, animated } from 'react-spring'; import { formatNumber } from 'lib/format'; import styles from './MetricCard.module.css'; -const MetricCard = ({ +export const MetricCard = ({ value = 0, change = 0, label, diff --git a/components/metrics/MetricsBar.js b/components/metrics/MetricsBar.js index 1f218ba8..25b93115 100644 --- a/components/metrics/MetricsBar.js +++ b/components/metrics/MetricsBar.js @@ -9,7 +9,7 @@ import MetricCard from './MetricCard'; import useMessages from 'hooks/useMessages'; import styles from './MetricsBar.module.css'; -export default function MetricsBar({ websiteId }) { +export function MetricsBar({ websiteId }) { const { formatMessage, labels } = useMessages(); const { get, useQuery } = useApi(); const [dateRange] = useDateRange(websiteId); @@ -111,3 +111,5 @@ export default function MetricsBar({ websiteId }) { ); } + +export default MetricsBar; diff --git a/components/metrics/MetricsTable.js b/components/metrics/MetricsTable.js index 15eeb893..97deb39d 100644 --- a/components/metrics/MetricsTable.js +++ b/components/metrics/MetricsTable.js @@ -15,7 +15,7 @@ import useMessages from 'hooks/useMessages'; import styles from './MetricsTable.module.css'; import useLocale from 'hooks/useLocale'; -export default function MetricsTable({ +export function MetricsTable({ websiteId, type, className, @@ -92,3 +92,5 @@ export default function MetricsTable({ ); } + +export default MetricsTable; diff --git a/components/metrics/OSTable.js b/components/metrics/OSTable.js index 6269a94b..a638038b 100644 --- a/components/metrics/OSTable.js +++ b/components/metrics/OSTable.js @@ -2,7 +2,7 @@ import MetricsTable from './MetricsTable'; import FilterLink from 'components/common/FilterLink'; import useMessages from 'hooks/useMessages'; -export default function OSTable({ websiteId, ...props }) { +export function OSTable({ websiteId, ...props }) { const { formatMessage, labels } = useMessages(); function renderLink({ x: os }) { @@ -20,3 +20,5 @@ export default function OSTable({ websiteId, ...props }) { /> ); } + +export default OSTable; diff --git a/components/metrics/PagesTable.js b/components/metrics/PagesTable.js index 525bbc6e..47e70318 100644 --- a/components/metrics/PagesTable.js +++ b/components/metrics/PagesTable.js @@ -5,7 +5,7 @@ import useMessages from 'hooks/useMessages'; import usePageQuery from 'hooks/usePageQuery'; import { emptyFilter } from 'lib/filters'; -export default function PagesTable({ websiteId, showFilters, ...props }) { +export function PagesTable({ websiteId, showFilters, ...props }) { const { router, resolveUrl, @@ -47,3 +47,5 @@ export default function PagesTable({ websiteId, showFilters, ...props }) { ); } + +export default PagesTable; diff --git a/components/metrics/PageviewsChart.js b/components/metrics/PageviewsChart.js index 7370e5f9..6ea16226 100644 --- a/components/metrics/PageviewsChart.js +++ b/components/metrics/PageviewsChart.js @@ -6,15 +6,7 @@ import useTheme from 'hooks/useTheme'; import useMessages from 'hooks/useMessages'; import useLocale from 'hooks/useLocale'; -export default function PageviewsChart({ - websiteId, - data, - unit, - records, - className, - loading, - ...props -}) { +export function PageviewsChart({ websiteId, data, unit, records, className, loading, ...props }) { const { formatMessage, labels } = useMessages(); const [theme] = useTheme(); const { locale } = useLocale(); @@ -68,3 +60,5 @@ export default function PageviewsChart({ /> ); } + +export default PageviewsChart; diff --git a/components/metrics/QueryParametersTable.js b/components/metrics/QueryParametersTable.js index 9d4c1d2d..c5f573e3 100644 --- a/components/metrics/QueryParametersTable.js +++ b/components/metrics/QueryParametersTable.js @@ -12,7 +12,7 @@ const filters = { [FILTER_COMBINED]: paramFilter, }; -export default function QueryParametersTable({ websiteId, showFilters, ...props }) { +export function QueryParametersTable({ websiteId, showFilters, ...props }) { const [filter, setFilter] = useState(FILTER_COMBINED); const { formatMessage, labels } = useMessages(); @@ -49,3 +49,5 @@ export default function QueryParametersTable({ websiteId, showFilters, ...props ); } + +export default QueryParametersTable; diff --git a/components/metrics/RealtimeChart.js b/components/metrics/RealtimeChart.js index 05da3cec..07d73a7f 100644 --- a/components/metrics/RealtimeChart.js +++ b/components/metrics/RealtimeChart.js @@ -23,7 +23,7 @@ function mapData(data) { return arr; } -export default function RealtimeChart({ data, unit, ...props }) { +export function RealtimeChart({ data, unit, ...props }) { const endDate = startOfMinute(new Date()); const startDate = subMinutes(endDate, REALTIME_RANGE); const prevEndDate = useRef(endDate); @@ -58,3 +58,5 @@ export default function RealtimeChart({ data, unit, ...props }) { /> ); } + +export default RealtimeChart; diff --git a/components/metrics/ReferrersTable.js b/components/metrics/ReferrersTable.js index 810541b4..3cdcb02f 100644 --- a/components/metrics/ReferrersTable.js +++ b/components/metrics/ReferrersTable.js @@ -2,7 +2,7 @@ import MetricsTable from './MetricsTable'; import FilterLink from 'components/common/FilterLink'; import useMessages from 'hooks/useMessages'; -export default function ReferrersTable({ websiteId, ...props }) { +export function ReferrersTable({ websiteId, ...props }) { const { formatMessage, labels } = useMessages(); const renderLink = ({ x: referrer }) => { @@ -29,3 +29,5 @@ export default function ReferrersTable({ websiteId, ...props }) { ); } + +export default ReferrersTable; diff --git a/components/metrics/RegionsTable.js b/components/metrics/RegionsTable.js index 87a15b40..b94ae5cc 100644 --- a/components/metrics/RegionsTable.js +++ b/components/metrics/RegionsTable.js @@ -5,7 +5,7 @@ import useLocale from 'hooks/useLocale'; import useMessages from 'hooks/useMessages'; import regions from 'public/iso-3166-2.json'; -export default function RegionsTable({ websiteId, ...props }) { +export function RegionsTable({ websiteId, ...props }) { const { locale } = useLocale(); const { formatMessage, labels } = useMessages(); @@ -29,3 +29,5 @@ export default function RegionsTable({ websiteId, ...props }) { /> ); } + +export default RegionsTable; diff --git a/components/metrics/ScreenTable.js b/components/metrics/ScreenTable.js index 35fe42d2..f8ef5f2e 100644 --- a/components/metrics/ScreenTable.js +++ b/components/metrics/ScreenTable.js @@ -1,7 +1,7 @@ import MetricsTable from './MetricsTable'; import useMessages from 'hooks/useMessages'; -export default function ScreenTable({ websiteId, ...props }) { +export function ScreenTable({ websiteId, ...props }) { const { formatMessage, labels } = useMessages(); return ( @@ -14,3 +14,5 @@ export default function ScreenTable({ websiteId, ...props }) { /> ); } + +export default ScreenTable; diff --git a/components/metrics/WebsiteChart.js b/components/metrics/WebsiteChart.js index fe7f90f9..6614d40f 100644 --- a/components/metrics/WebsiteChart.js +++ b/components/metrics/WebsiteChart.js @@ -20,7 +20,7 @@ import useMessages from 'hooks/useMessages'; import styles from './WebsiteChart.module.css'; import useLocale from 'hooks/useLocale'; -export default function WebsiteChart({ +export function WebsiteChart({ websiteId, name, domain, @@ -128,3 +128,5 @@ export default function WebsiteChart({ ); } + +export default WebsiteChart; diff --git a/components/metrics/WebsiteHeader.js b/components/metrics/WebsiteHeader.js index 491068d6..de21c0c7 100644 --- a/components/metrics/WebsiteHeader.js +++ b/components/metrics/WebsiteHeader.js @@ -3,7 +3,7 @@ import Favicon from 'components/common/Favicon'; import ActiveUsers from './ActiveUsers'; import styles from './WebsiteHeader.module.css'; -export default function WebsiteHeader({ websiteId, name, domain, children }) { +export function WebsiteHeader({ websiteId, name, domain, children }) { return ( @@ -17,3 +17,5 @@ export default function WebsiteHeader({ websiteId, name, domain, children }) { ); } + +export default WebsiteHeader; diff --git a/components/pages/console/TestConsole.js b/components/pages/console/TestConsole.js index 685f5458..745bf94c 100644 --- a/components/pages/console/TestConsole.js +++ b/components/pages/console/TestConsole.js @@ -11,7 +11,7 @@ import Script from 'next/script'; import { Button, Column, Row } from 'react-basics'; import styles from './TestConsole.module.css'; -export default function TestConsole() { +export function TestConsole() { const { get, useQuery } = useApi(); const { data, isLoading, error } = useQuery(['websites:me'], () => get('/me/websites')); const router = useRouter(); @@ -132,3 +132,5 @@ export default function TestConsole() { ); } + +export default TestConsole; diff --git a/components/pages/dashboard/Dashboard.js b/components/pages/dashboard/Dashboard.js index 26054347..07921dae 100644 --- a/components/pages/dashboard/Dashboard.js +++ b/components/pages/dashboard/Dashboard.js @@ -12,7 +12,7 @@ import useDashboard from 'store/dashboard'; import useMessages from 'hooks/useMessages'; import useLocale from 'hooks/useLocale'; -export default function Dashboard({ userId }) { +export function Dashboard({ userId }) { const { formatMessage, labels, messages } = useMessages(); const dashboard = useDashboard(); const { showCharts, limit, editing } = dashboard; @@ -62,3 +62,5 @@ export default function Dashboard({ userId }) { ); } + +export default Dashboard; diff --git a/components/pages/dashboard/DashboardEdit.js b/components/pages/dashboard/DashboardEdit.js index e6d0cb77..1810ee9b 100644 --- a/components/pages/dashboard/DashboardEdit.js +++ b/components/pages/dashboard/DashboardEdit.js @@ -9,7 +9,7 @@ import styles from './DashboardEdit.module.css'; const dragId = 'dashboard-website-ordering'; -export default function DashboardEdit({ websites }) { +export function DashboardEdit({ websites }) { const settings = useDashboard(); const { websiteOrder } = settings; const { formatMessage, labels } = useMessages(); @@ -98,3 +98,5 @@ export default function DashboardEdit({ websites }) { ); } + +export default DashboardEdit; diff --git a/components/pages/dashboard/DashboardSettingsButton.js b/components/pages/dashboard/DashboardSettingsButton.js index d76f5232..a963aa5f 100644 --- a/components/pages/dashboard/DashboardSettingsButton.js +++ b/components/pages/dashboard/DashboardSettingsButton.js @@ -3,7 +3,7 @@ import Icons from 'components/icons'; import { saveDashboard } from 'store/dashboard'; import useMessages from 'hooks/useMessages'; -export default function DashboardSettingsButton() { +export function DashboardSettingsButton() { const { formatMessage, labels } = useMessages(); const menuOptions = [ @@ -42,3 +42,5 @@ export default function DashboardSettingsButton() { ); } + +export default DashboardSettingsButton; diff --git a/components/pages/login/LoginForm.js b/components/pages/login/LoginForm.js index 1ecb0af1..4bc997bc 100644 --- a/components/pages/login/LoginForm.js +++ b/components/pages/login/LoginForm.js @@ -17,7 +17,7 @@ import useMessages from 'hooks/useMessages'; import Logo from 'assets/logo.svg'; import styles from './LoginForm.module.css'; -export default function LoginForm() { +export function LoginForm() { const { formatMessage, labels, getMessage } = useMessages(); const router = useRouter(); const { post } = useApi(); @@ -60,3 +60,5 @@ export default function LoginForm() { ); } + +export default LoginForm; diff --git a/components/pages/login/LoginLayout.js b/components/pages/login/LoginLayout.js index 9c23af0d..fc8ad461 100644 --- a/components/pages/login/LoginLayout.js +++ b/components/pages/login/LoginLayout.js @@ -2,7 +2,7 @@ import Head from 'next/head'; import useLocale from 'hooks/useLocale'; import styles from './LoginLayout.module.css'; -export default function LoginLayout({ children }) { +export function LoginLayout({ children }) { const { dir } = useLocale(); return ( @@ -14,3 +14,5 @@ export default function LoginLayout({ children }) { ); } + +export default LoginLayout; diff --git a/components/pages/realtime/RealtimeCountries.js b/components/pages/realtime/RealtimeCountries.js index f6711f1a..525eb28f 100644 --- a/components/pages/realtime/RealtimeCountries.js +++ b/components/pages/realtime/RealtimeCountries.js @@ -4,7 +4,7 @@ import useLocale from 'hooks/useLocale'; import useCountryNames from 'hooks/useCountryNames'; import useMessages from 'hooks/useMessages'; -export default function RealtimeCountries({ data }) { +export function RealtimeCountries({ data }) { const { formatMessage, labels } = useMessages(); const { locale } = useLocale(); const countryNames = useCountryNames(locale); @@ -23,3 +23,5 @@ export default function RealtimeCountries({ data }) { /> ); } + +export default RealtimeCountries; diff --git a/components/pages/realtime/RealtimeDashboard.js b/components/pages/realtime/RealtimeDashboard.js index 268a135b..37cf8ec5 100644 --- a/components/pages/realtime/RealtimeDashboard.js +++ b/components/pages/realtime/RealtimeDashboard.js @@ -25,7 +25,7 @@ function mergeData(state = [], data = [], time) { .filter(({ timestamp }) => timestamp >= time); } -export default function RealtimeDashboard({ websiteId }) { +export function RealtimeDashboard({ websiteId }) { const { formatMessage, labels } = useMessages(); const router = useRouter(); const [currentData, setCurrentData] = useState(); @@ -125,3 +125,5 @@ export default function RealtimeDashboard({ websiteId }) { ); } + +export default RealtimeDashboard; diff --git a/components/pages/realtime/RealtimeHeader.js b/components/pages/realtime/RealtimeHeader.js index a5543be4..5f5809f6 100644 --- a/components/pages/realtime/RealtimeHeader.js +++ b/components/pages/realtime/RealtimeHeader.js @@ -2,7 +2,7 @@ import MetricCard from 'components/metrics/MetricCard'; import useMessages from 'hooks/useMessages'; import styles from './RealtimeHeader.module.css'; -export default function RealtimeHeader({ data = {} }) { +export function RealtimeHeader({ data = {} }) { const { formatMessage, labels } = useMessages(); const { pageviews, visitors, events, countries } = data; @@ -37,3 +37,5 @@ export default function RealtimeHeader({ data = {} }) { ); } + +export default RealtimeHeader; diff --git a/components/pages/realtime/RealtimeHome.js b/components/pages/realtime/RealtimeHome.js index 8d4d8bcb..3d7987ca 100644 --- a/components/pages/realtime/RealtimeHome.js +++ b/components/pages/realtime/RealtimeHome.js @@ -6,7 +6,7 @@ import useApi from 'hooks/useApi'; import EmptyPlaceholder from 'components/common/EmptyPlaceholder'; import useMessages from 'hooks/useMessages'; -export default function RealtimeHome() { +export function RealtimeHome() { const { formatMessage, labels, messages } = useMessages(); const { get, useQuery } = useApi(); const router = useRouter(); @@ -27,3 +27,5 @@ export default function RealtimeHome() { ); } + +export default RealtimeHome; diff --git a/components/pages/realtime/RealtimeLog.js b/components/pages/realtime/RealtimeLog.js index c93af887..ddd35751 100644 --- a/components/pages/realtime/RealtimeLog.js +++ b/components/pages/realtime/RealtimeLog.js @@ -25,7 +25,7 @@ const icons = { [TYPE_EVENT]: , }; -export default function RealtimeLog({ data, websiteDomain }) { +export function RealtimeLog({ data, websiteDomain }) { const { formatMessage, labels, messages, FormattedMessage } = useMessages(); const { locale } = useLocale(); const countryNames = useCountryNames(locale); @@ -154,3 +154,5 @@ export default function RealtimeLog({ data, websiteDomain }) { ); } + +export default RealtimeLog; diff --git a/components/pages/realtime/RealtimeUrls.js b/components/pages/realtime/RealtimeUrls.js index 06e81580..dfbf1fda 100644 --- a/components/pages/realtime/RealtimeUrls.js +++ b/components/pages/realtime/RealtimeUrls.js @@ -6,7 +6,7 @@ import DataTable from 'components/metrics/DataTable'; import { FILTER_PAGES, FILTER_REFERRERS } from 'lib/constants'; import useMessages from 'hooks/useMessages'; -export default function RealtimeUrls({ websiteDomain, data = {} }) { +export function RealtimeUrls({ websiteDomain, data = {} }) { const { formatMessage, labels } = useMessages(); const { pageviews } = data; const [filter, setFilter] = useState(FILTER_REFERRERS); @@ -97,3 +97,5 @@ export default function RealtimeUrls({ websiteDomain, data = {} }) { ); } + +export default RealtimeUrls; diff --git a/components/pages/settings/profile/DateRangeSetting.js b/components/pages/settings/profile/DateRangeSetting.js index 2c2d70fc..152aba1d 100644 --- a/components/pages/settings/profile/DateRangeSetting.js +++ b/components/pages/settings/profile/DateRangeSetting.js @@ -4,7 +4,7 @@ import useDateRange from 'hooks/useDateRange'; import { DEFAULT_DATE_RANGE } from 'lib/constants'; import useMessages from 'hooks/useMessages'; -export default function DateRangeSetting() { +export function DateRangeSetting() { const { formatMessage, labels } = useMessages(); const [dateRange, setDateRange] = useDateRange(); const { startDate, endDate, value } = dateRange; @@ -18,3 +18,5 @@ export default function DateRangeSetting() { ); } + +export default DateRangeSetting; diff --git a/components/pages/settings/profile/LanguageSetting.js b/components/pages/settings/profile/LanguageSetting.js index e5fc874d..a85e12a2 100644 --- a/components/pages/settings/profile/LanguageSetting.js +++ b/components/pages/settings/profile/LanguageSetting.js @@ -4,7 +4,7 @@ import { DEFAULT_LOCALE } from 'lib/constants'; import { languages } from 'lib/lang'; import useMessages from 'hooks/useMessages'; -export default function LanguageSetting() { +export function LanguageSetting() { const { formatMessage, labels } = useMessages(); const { locale, saveLocale } = useLocale(); const options = Object.keys(languages); @@ -28,3 +28,5 @@ export default function LanguageSetting() { ); } + +export default LanguageSetting; diff --git a/components/pages/settings/profile/PasswordChangeButton.js b/components/pages/settings/profile/PasswordChangeButton.js index 29bf640e..9aa6fdca 100644 --- a/components/pages/settings/profile/PasswordChangeButton.js +++ b/components/pages/settings/profile/PasswordChangeButton.js @@ -3,7 +3,7 @@ import PasswordEditForm from 'components/pages/settings/profile/PasswordEditForm import Icons from 'components/icons'; import useMessages from 'hooks/useMessages'; -export default function PasswordChangeButton() { +export function PasswordChangeButton() { const { formatMessage, labels, messages } = useMessages(); const { toast, showToast } = useToast(); @@ -28,3 +28,5 @@ export default function PasswordChangeButton() { ); } + +export default PasswordChangeButton; diff --git a/components/pages/settings/profile/PasswordEditForm.js b/components/pages/settings/profile/PasswordEditForm.js index 5b29cfc8..8e920471 100644 --- a/components/pages/settings/profile/PasswordEditForm.js +++ b/components/pages/settings/profile/PasswordEditForm.js @@ -3,7 +3,7 @@ import { Form, FormRow, FormInput, FormButtons, PasswordField, Button } from 're import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function PasswordEditForm({ onSave, onClose }) { +export function PasswordEditForm({ onSave, onClose }) { const { formatMessage, labels, messages } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error, isLoading } = useMutation(data => post('/me/password', data)); @@ -64,3 +64,5 @@ export default function PasswordEditForm({ onSave, onClose }) { ); } + +export default PasswordEditForm; diff --git a/components/pages/settings/profile/ProfileDetails.js b/components/pages/settings/profile/ProfileDetails.js index 9d2d8c0d..d8fdf26e 100644 --- a/components/pages/settings/profile/ProfileDetails.js +++ b/components/pages/settings/profile/ProfileDetails.js @@ -8,7 +8,7 @@ import useUser from 'hooks/useUser'; import useMessages from 'hooks/useMessages'; import useConfig from 'hooks/useConfig'; -export default function ProfileDetails() { +export function ProfileDetails() { const { user } = useUser(); const { formatMessage, labels } = useMessages(); const { cloudMode } = useConfig(); @@ -45,3 +45,5 @@ export default function ProfileDetails() { ); } + +export default ProfileDetails; diff --git a/components/pages/settings/profile/ProfileSettings.js b/components/pages/settings/profile/ProfileSettings.js index 53fa48a5..6062dfbf 100644 --- a/components/pages/settings/profile/ProfileSettings.js +++ b/components/pages/settings/profile/ProfileSettings.js @@ -3,7 +3,7 @@ import PageHeader from 'components/layout/PageHeader'; import ProfileDetails from './ProfileDetails'; import useMessages from 'hooks/useMessages'; -export default function ProfileSettings() { +export function ProfileSettings() { const { formatMessage, labels } = useMessages(); return ( @@ -13,3 +13,5 @@ export default function ProfileSettings() { ); } + +export default ProfileSettings; diff --git a/components/pages/settings/profile/ThemeSetting.js b/components/pages/settings/profile/ThemeSetting.js index feaee2b8..f4503268 100644 --- a/components/pages/settings/profile/ThemeSetting.js +++ b/components/pages/settings/profile/ThemeSetting.js @@ -5,7 +5,7 @@ import Sun from 'assets/sun.svg'; import Moon from 'assets/moon.svg'; import styles from './ThemeSetting.module.css'; -export default function ThemeSetting() { +export function ThemeSetting() { const [theme, setTheme] = useTheme(); return ( @@ -29,3 +29,5 @@ export default function ThemeSetting() { ); } + +export default ThemeSetting; diff --git a/components/pages/settings/profile/TimezoneSetting.js b/components/pages/settings/profile/TimezoneSetting.js index bdcdea9d..5976f393 100644 --- a/components/pages/settings/profile/TimezoneSetting.js +++ b/components/pages/settings/profile/TimezoneSetting.js @@ -4,7 +4,7 @@ import useTimezone from 'hooks/useTimezone'; import useMessages from 'hooks/useMessages'; import { getTimezone } from 'lib/date'; -export default function TimezoneSetting() { +export function TimezoneSetting() { const { formatMessage, labels } = useMessages(); const [timezone, saveTimezone] = useTimezone(); const options = listTimeZones(); @@ -26,3 +26,5 @@ export default function TimezoneSetting() { ); } + +export default TimezoneSetting; diff --git a/components/pages/settings/teams/TeamAddForm.js b/components/pages/settings/teams/TeamAddForm.js index 382c3bad..8ac36117 100644 --- a/components/pages/settings/teams/TeamAddForm.js +++ b/components/pages/settings/teams/TeamAddForm.js @@ -11,7 +11,7 @@ import { import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function TeamAddForm({ onSave, onClose }) { +export function TeamAddForm({ onSave, onClose }) { const { formatMessage, labels } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error, isLoading } = useMutation(data => post('/teams', data)); @@ -44,3 +44,5 @@ export default function TeamAddForm({ onSave, onClose }) { ); } + +export default TeamAddForm; diff --git a/components/pages/settings/teams/TeamAddWebsiteForm.js b/components/pages/settings/teams/TeamAddWebsiteForm.js index 55472943..cc815d93 100644 --- a/components/pages/settings/teams/TeamAddWebsiteForm.js +++ b/components/pages/settings/teams/TeamAddWebsiteForm.js @@ -4,7 +4,7 @@ import { Button, Dropdown, Form, FormButtons, FormRow, Item, SubmitButton } from import WebsiteTags from './WebsiteTags'; import useMessages from 'hooks/useMessages'; -export default function TeamAddWebsiteForm({ teamId, onSave, onClose }) { +export function TeamAddWebsiteForm({ teamId, onSave, onClose }) { const { formatMessage, labels } = useMessages(); const { get, post, useQuery, useMutation } = useApi(); const { mutate, error } = useMutation(data => post(`/teams/${teamId}/websites`, data)); @@ -59,3 +59,5 @@ export default function TeamAddWebsiteForm({ teamId, onSave, onClose }) { ); } + +export default TeamAddWebsiteForm; diff --git a/components/pages/settings/teams/TeamDeleteForm.js b/components/pages/settings/teams/TeamDeleteForm.js index 66752d0b..4261aff1 100644 --- a/components/pages/settings/teams/TeamDeleteForm.js +++ b/components/pages/settings/teams/TeamDeleteForm.js @@ -2,7 +2,7 @@ import { Button, Form, FormButtons, SubmitButton } from 'react-basics'; import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function TeamDeleteForm({ teamId, teamName, onSave, onClose }) { +export function TeamDeleteForm({ teamId, teamName, onSave, onClose }) { const { formatMessage, labels, messages, FormattedMessage } = useMessages(); const { del, useMutation } = useApi(); const { mutate, error, isLoading } = useMutation(data => del(`/teams/${teamId}`, data)); @@ -30,3 +30,5 @@ export default function TeamDeleteForm({ teamId, teamName, onSave, onClose }) { ); } + +export default TeamDeleteForm; diff --git a/components/pages/settings/teams/TeamEditForm.js b/components/pages/settings/teams/TeamEditForm.js index a51d4735..faeb4e7c 100644 --- a/components/pages/settings/teams/TeamEditForm.js +++ b/components/pages/settings/teams/TeamEditForm.js @@ -15,7 +15,7 @@ import useMessages from 'hooks/useMessages'; const generateId = () => getRandomChars(16); -export default function TeamEditForm({ teamId, data, onSave, readOnly }) { +export function TeamEditForm({ teamId, data, onSave, readOnly }) { const { formatMessage, labels } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error } = useMutation(data => post(`/teams/${teamId}`, data)); @@ -69,3 +69,5 @@ export default function TeamEditForm({ teamId, data, onSave, readOnly }) { ); } + +export default TeamEditForm; diff --git a/components/pages/settings/teams/JoinTeamForm.js b/components/pages/settings/teams/TeamJoinForm.js similarity index 93% rename from components/pages/settings/teams/JoinTeamForm.js rename to components/pages/settings/teams/TeamJoinForm.js index b3fb95d1..34153aa1 100644 --- a/components/pages/settings/teams/JoinTeamForm.js +++ b/components/pages/settings/teams/TeamJoinForm.js @@ -11,7 +11,7 @@ import { import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function TeamJoinForm({ onSave, onClose }) { +export function TeamJoinForm({ onSave, onClose }) { const { formatMessage, labels, getMessage } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error } = useMutation(data => post('/teams/join', data)); @@ -40,3 +40,5 @@ export default function TeamJoinForm({ onSave, onClose }) { ); } + +export default TeamJoinForm; diff --git a/components/pages/settings/teams/TeamLeaveForm.js b/components/pages/settings/teams/TeamLeaveForm.js index 2497f28a..9b61d4d9 100644 --- a/components/pages/settings/teams/TeamLeaveForm.js +++ b/components/pages/settings/teams/TeamLeaveForm.js @@ -2,7 +2,7 @@ import { Button, Form, FormButtons, SubmitButton } from 'react-basics'; import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function TeamLeaveForm({ teamId, userId, teamName, onSave, onClose }) { +export function TeamLeaveForm({ teamId, userId, teamName, onSave, onClose }) { const { formatMessage, labels, messages, FormattedMessage } = useMessages(); const { del, useMutation } = useApi(); const { mutate, error, isLoading } = useMutation(() => del(`/team/${teamId}/users/${userId}`)); @@ -33,3 +33,5 @@ export default function TeamLeaveForm({ teamId, userId, teamName, onSave, onClos ); } + +export default TeamLeaveForm; diff --git a/components/pages/settings/teams/TeamMemberRemoveButton.js b/components/pages/settings/teams/TeamMemberRemoveButton.js index 85e5db53..9dde180b 100644 --- a/components/pages/settings/teams/TeamMemberRemoveButton.js +++ b/components/pages/settings/teams/TeamMemberRemoveButton.js @@ -2,7 +2,7 @@ import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; import { Icon, Icons, LoadingButton, Text } from 'react-basics'; -export default function TeamMemberRemoveButton({ teamId, userId, disabled, onSave }) { +export function TeamMemberRemoveButton({ teamId, userId, disabled, onSave }) { const { formatMessage, labels } = useMessages(); const { del, useMutation } = useApi(); const { mutate, isLoading } = useMutation(() => del(`/team/${teamId}/users/${userId}`)); @@ -27,3 +27,5 @@ export default function TeamMemberRemoveButton({ teamId, userId, disabled, onSav ); } + +export default TeamMemberRemoveButton; diff --git a/components/pages/settings/teams/TeamMembers.js b/components/pages/settings/teams/TeamMembers.js index cafb4581..333e176d 100644 --- a/components/pages/settings/teams/TeamMembers.js +++ b/components/pages/settings/teams/TeamMembers.js @@ -3,7 +3,7 @@ import TeamMembersTable from 'components/pages/settings/teams/TeamMembersTable'; import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function TeamMembers({ teamId, readOnly }) { +export function TeamMembers({ teamId, readOnly }) { const { toast, showToast } = useToast(); const { get, useQuery } = useApi(); const { formatMessage, messages } = useMessages(); @@ -27,3 +27,5 @@ export default function TeamMembers({ teamId, readOnly }) { ); } + +export default TeamMembers; diff --git a/components/pages/settings/teams/TeamMembersTable.js b/components/pages/settings/teams/TeamMembersTable.js index ae030e4e..8e6fad82 100644 --- a/components/pages/settings/teams/TeamMembersTable.js +++ b/components/pages/settings/teams/TeamMembersTable.js @@ -4,7 +4,7 @@ import { ROLES } from 'lib/constants'; import TeamMemberRemoveButton from './TeamMemberRemoveButton'; import SettingsTable from 'components/common/SettingsTable'; -export default function TeamMembersTable({ data = [], onSave, readOnly }) { +export function TeamMembersTable({ data = [], onSave, readOnly }) { const { formatMessage, labels } = useMessages(); const { user } = useUser(); @@ -43,3 +43,5 @@ export default function TeamMembersTable({ data = [], onSave, readOnly }) { ); } + +export default TeamMembersTable; diff --git a/components/pages/settings/teams/TeamSettings.js b/components/pages/settings/teams/TeamSettings.js index 2fbd8d9e..1bff1289 100644 --- a/components/pages/settings/teams/TeamSettings.js +++ b/components/pages/settings/teams/TeamSettings.js @@ -11,7 +11,7 @@ import TeamEditForm from './TeamEditForm'; import TeamMembers from './TeamMembers'; import TeamWebsites from './TeamWebsites'; -export default function TeamSettings({ teamId }) { +export function TeamSettings({ teamId }) { const { formatMessage, labels, messages } = useMessages(); const { user } = useUser(); const [values, setValues] = useState(null); @@ -68,3 +68,5 @@ export default function TeamSettings({ teamId }) { ); } + +export default TeamSettings; diff --git a/components/pages/settings/teams/TeamWebsiteRemoveButton.js b/components/pages/settings/teams/TeamWebsiteRemoveButton.js index 1887d80a..a752313f 100644 --- a/components/pages/settings/teams/TeamWebsiteRemoveButton.js +++ b/components/pages/settings/teams/TeamWebsiteRemoveButton.js @@ -2,7 +2,7 @@ import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; import { Icon, Icons, LoadingButton, Text } from 'react-basics'; -export default function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) { +export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) { const { formatMessage, labels } = useMessages(); const { del, useMutation } = useApi(); const { mutate, isLoading } = useMutation(() => del(`/teams/${teamId}/websites/${websiteId}`)); @@ -27,3 +27,5 @@ export default function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) { ); } + +export default TeamWebsiteRemoveButton; diff --git a/components/pages/settings/teams/TeamWebsites.js b/components/pages/settings/teams/TeamWebsites.js index 3e91b69c..9ceda8d4 100644 --- a/components/pages/settings/teams/TeamWebsites.js +++ b/components/pages/settings/teams/TeamWebsites.js @@ -14,7 +14,7 @@ import TeamAddWebsiteForm from 'components/pages/settings/teams/TeamAddWebsiteFo import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function TeamWebsites({ teamId }) { +export function TeamWebsites({ teamId }) { const { toast, showToast } = useToast(); const { formatMessage, labels, messages } = useMessages(); const { get, useQuery } = useApi(); @@ -54,3 +54,5 @@ export default function TeamWebsites({ teamId }) { ); } + +export default TeamWebsites; diff --git a/components/pages/settings/teams/TeamWebsitesTable.js b/components/pages/settings/teams/TeamWebsitesTable.js index a84598e8..4873c6c7 100644 --- a/components/pages/settings/teams/TeamWebsitesTable.js +++ b/components/pages/settings/teams/TeamWebsitesTable.js @@ -6,7 +6,7 @@ import TeamWebsiteRemoveButton from './TeamWebsiteRemoveButton'; import SettingsTable from 'components/common/SettingsTable'; import useConfig from 'hooks/useConfig'; -export default function TeamWebsitesTable({ data = [], onSave }) { +export function TeamWebsitesTable({ data = [], onSave }) { const { formatMessage, labels } = useMessages(); const { openExternal } = useConfig(); const { user } = useUser(); @@ -51,3 +51,5 @@ export default function TeamWebsitesTable({ data = [], onSave }) { ); } + +export default TeamWebsitesTable; diff --git a/components/pages/settings/teams/TeamsList.js b/components/pages/settings/teams/TeamsList.js index d6ebd291..73dcb17d 100644 --- a/components/pages/settings/teams/TeamsList.js +++ b/components/pages/settings/teams/TeamsList.js @@ -6,7 +6,7 @@ import PageHeader from 'components/layout/PageHeader'; import TeamsTable from 'components/pages/settings/teams/TeamsTable'; import Page from 'components/layout/Page'; import Icons from 'components/icons'; -import TeamJoinForm from './JoinTeamForm'; +import TeamJoinForm from './TeamJoinForm'; import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; diff --git a/components/pages/settings/teams/TeamsTable.js b/components/pages/settings/teams/TeamsTable.js index 3e658f9c..a344fefc 100644 --- a/components/pages/settings/teams/TeamsTable.js +++ b/components/pages/settings/teams/TeamsTable.js @@ -8,7 +8,7 @@ import { ROLES } from 'lib/constants'; import SettingsTable from 'components/common/SettingsTable'; import useLocale from 'hooks/useLocale'; -export default function TeamsTable({ data = [], onDelete }) { +export function TeamsTable({ data = [], onDelete }) { const { formatMessage, labels } = useMessages(); const { user } = useUser(); const { dir } = useLocale(); @@ -90,3 +90,5 @@ export default function TeamsTable({ data = [], onDelete }) { ); } + +export default TeamsTable; diff --git a/components/pages/settings/teams/WebsiteTags.js b/components/pages/settings/teams/WebsiteTags.js index 19179422..c17d5763 100644 --- a/components/pages/settings/teams/WebsiteTags.js +++ b/components/pages/settings/teams/WebsiteTags.js @@ -1,7 +1,7 @@ import { Button, Icon, Icons, Text } from 'react-basics'; import styles from './WebsiteTags.module.css'; -export default function WebsiteTags({ items = [], websites = [], onClick }) { +export function WebsiteTags({ items = [], websites = [], onClick }) { if (websites.length === 0) { return null; } @@ -27,3 +27,5 @@ export default function WebsiteTags({ items = [], websites = [], onClick }) { ); } + +export default WebsiteTags; diff --git a/components/pages/settings/users/UserAddButton.js b/components/pages/settings/users/UserAddButton.js index 656a388b..a461f39d 100644 --- a/components/pages/settings/users/UserAddButton.js +++ b/components/pages/settings/users/UserAddButton.js @@ -2,7 +2,7 @@ import { Button, Icon, Text, Modal, Icons, ModalTrigger } from 'react-basics'; import UserAddForm from './UserAddForm'; import useMessages from 'hooks/useMessages'; -export default function UserAddButton({ onSave }) { +export function UserAddButton({ onSave }) { const { formatMessage, labels } = useMessages(); const handleSave = () => { @@ -23,3 +23,5 @@ export default function UserAddButton({ onSave }) { ); } + +export default UserAddButton; diff --git a/components/pages/settings/users/UserAddForm.js b/components/pages/settings/users/UserAddForm.js index 6b159abb..63b247a1 100644 --- a/components/pages/settings/users/UserAddForm.js +++ b/components/pages/settings/users/UserAddForm.js @@ -14,7 +14,7 @@ import useApi from 'hooks/useApi'; import { ROLES } from 'lib/constants'; import useMessages from 'hooks/useMessages'; -export default function UserAddForm({ onSave, onClose }) { +export function UserAddForm({ onSave, onClose }) { const { post, useMutation } = useApi(); const { mutate, error, isLoading } = useMutation(data => post(`/users`, data)); const { formatMessage, labels } = useMessages(); @@ -68,3 +68,5 @@ export default function UserAddForm({ onSave, onClose }) { ); } + +export default UserAddForm; diff --git a/components/pages/settings/users/UserDeleteForm.js b/components/pages/settings/users/UserDeleteForm.js index 87e82479..bd412e44 100644 --- a/components/pages/settings/users/UserDeleteForm.js +++ b/components/pages/settings/users/UserDeleteForm.js @@ -3,7 +3,7 @@ import { Button, Form, FormButtons, SubmitButton } from 'react-basics'; import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; -export default function UserDeleteForm({ userId, username, onSave, onClose }) { +export function UserDeleteForm({ userId, username, onSave, onClose }) { const { formatMessage, FormattedMessage, labels, messages } = useMessages(); const { del } = useApi(); const { mutate, error, isLoading } = useMutation(() => del(`/users/${userId}`)); @@ -33,3 +33,5 @@ export default function UserDeleteForm({ userId, username, onSave, onClose }) { ); } + +export default UserDeleteForm; diff --git a/components/pages/settings/users/UserEditForm.js b/components/pages/settings/users/UserEditForm.js index ef79815c..d5e671e0 100644 --- a/components/pages/settings/users/UserEditForm.js +++ b/components/pages/settings/users/UserEditForm.js @@ -13,7 +13,7 @@ import useApi from 'hooks/useApi'; import { ROLES } from 'lib/constants'; import useMessages from 'hooks/useMessages'; -export default function UserEditForm({ userId, data, onSave }) { +export function UserEditForm({ userId, data, onSave }) { const { formatMessage, labels, messages } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error } = useMutation(({ username, password, role }) => @@ -68,3 +68,5 @@ export default function UserEditForm({ userId, data, onSave }) { ); } + +export default UserEditForm; diff --git a/components/pages/settings/users/UserSettings.js b/components/pages/settings/users/UserSettings.js index cd27a909..cd3bea42 100644 --- a/components/pages/settings/users/UserSettings.js +++ b/components/pages/settings/users/UserSettings.js @@ -8,7 +8,7 @@ import useApi from 'hooks/useApi'; import UserWebsites from './UserWebsites'; import useMessages from 'hooks/useMessages'; -export default function UserSettings({ userId }) { +export function UserSettings({ userId }) { const { formatMessage, labels, messages } = useMessages(); const [edit, setEdit] = useState(false); const [values, setValues] = useState(null); @@ -64,3 +64,5 @@ export default function UserSettings({ userId }) { ); } + +export default UserSettings; diff --git a/components/pages/settings/users/UserWebsites.js b/components/pages/settings/users/UserWebsites.js index 1f44fb52..144fae44 100644 --- a/components/pages/settings/users/UserWebsites.js +++ b/components/pages/settings/users/UserWebsites.js @@ -3,7 +3,7 @@ import useApi from 'hooks/useApi'; import WebsitesTable from 'components/pages/settings/websites/WebsitesTable'; import useMessages from 'hooks/useMessages'; -export default function UserWebsites({ userId }) { +export function UserWebsites({ userId }) { const { formatMessage, messages } = useMessages(); const { get, useQuery } = useApi(); const { data, isLoading } = useQuery(['user:websites', userId], () => @@ -22,3 +22,5 @@ export default function UserWebsites({ userId }) { ); } + +export default UserWebsites; diff --git a/components/pages/settings/users/UsersList.js b/components/pages/settings/users/UsersList.js index 6137427a..3274d7df 100644 --- a/components/pages/settings/users/UsersList.js +++ b/components/pages/settings/users/UsersList.js @@ -8,7 +8,7 @@ import useApi from 'hooks/useApi'; import useUser from 'hooks/useUser'; import useMessages from 'hooks/useMessages'; -export default function UsersList() { +export function UsersList() { const { formatMessage, labels, messages } = useMessages(); const { user } = useUser(); const { get, useQuery } = useApi(); @@ -38,3 +38,5 @@ export default function UsersList() { ); } + +export default UsersList; diff --git a/components/pages/settings/users/UsersTable.js b/components/pages/settings/users/UsersTable.js index 66ef96db..c944241a 100644 --- a/components/pages/settings/users/UsersTable.js +++ b/components/pages/settings/users/UsersTable.js @@ -8,7 +8,7 @@ import useMessages from 'hooks/useMessages'; import SettingsTable from 'components/common/SettingsTable'; import useLocale from 'hooks/useLocale'; -export default function UsersTable({ data = [], onDelete }) { +export function UsersTable({ data = [], onDelete }) { const { formatMessage, labels } = useMessages(); const { user } = useUser(); const { dateLocale } = useLocale(); @@ -72,3 +72,5 @@ export default function UsersTable({ data = [], onDelete }) { ); } + +export default UsersTable; diff --git a/components/pages/settings/websites/ShareUrl.js b/components/pages/settings/websites/ShareUrl.js index ea8f7d22..2dad1d18 100644 --- a/components/pages/settings/websites/ShareUrl.js +++ b/components/pages/settings/websites/ShareUrl.js @@ -15,7 +15,7 @@ import useMessages from 'hooks/useMessages'; const generateId = () => getRandomChars(16); -export default function ShareUrl({ websiteId, data, onSave }) { +export function ShareUrl({ websiteId, data, onSave }) { const { formatMessage, labels, messages } = useMessages(); const { name, shareId } = data; const [id, setId] = useState(shareId); @@ -85,3 +85,5 @@ export default function ShareUrl({ websiteId, data, onSave }) { ); } + +export default ShareUrl; diff --git a/components/pages/settings/websites/TrackingCode.js b/components/pages/settings/websites/TrackingCode.js index 83bfe87c..04522dae 100644 --- a/components/pages/settings/websites/TrackingCode.js +++ b/components/pages/settings/websites/TrackingCode.js @@ -2,7 +2,7 @@ import { TextArea } from 'react-basics'; import useMessages from 'hooks/useMessages'; import useConfig from 'hooks/useConfig'; -export default function TrackingCode({ websiteId }) { +export function TrackingCode({ websiteId }) { const { formatMessage, messages } = useMessages(); const { trackerScriptName } = useConfig(); const url = trackerScriptName.startsWith('http') @@ -18,3 +18,5 @@ export default function TrackingCode({ websiteId }) { ); } + +export default TrackingCode; diff --git a/components/pages/settings/websites/WebsiteAddForm.js b/components/pages/settings/websites/WebsiteAddForm.js index 636f8d91..77b850b4 100644 --- a/components/pages/settings/websites/WebsiteAddForm.js +++ b/components/pages/settings/websites/WebsiteAddForm.js @@ -11,7 +11,7 @@ import useApi from 'hooks/useApi'; import { DOMAIN_REGEX } from 'lib/constants'; import useMessages from 'hooks/useMessages'; -export default function WebsiteAddForm({ onSave, onClose }) { +export function WebsiteAddForm({ onSave, onClose }) { const { formatMessage, labels, messages } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error, isLoading } = useMutation(data => post('/websites', data)); @@ -54,3 +54,5 @@ export default function WebsiteAddForm({ onSave, onClose }) { ); } + +export default WebsiteAddForm; diff --git a/components/pages/settings/websites/WebsiteData.js b/components/pages/settings/websites/WebsiteData.js index bb951628..a2bc6bfa 100644 --- a/components/pages/settings/websites/WebsiteData.js +++ b/components/pages/settings/websites/WebsiteData.js @@ -3,7 +3,7 @@ import WebsiteDeleteForm from 'components/pages/settings/websites/WebsiteDeleteF import WebsiteResetForm from 'components/pages/settings/websites/WebsiteResetForm'; import useMessages from 'hooks/useMessages'; -export default function WebsiteData({ websiteId, onSave }) { +export function WebsiteData({ websiteId, onSave }) { const { formatMessage, labels, messages } = useMessages(); const handleReset = async () => { @@ -45,3 +45,5 @@ export default function WebsiteData({ websiteId, onSave }) { ); } + +export default WebsiteData; diff --git a/components/pages/settings/websites/WebsiteDeleteForm.js b/components/pages/settings/websites/WebsiteDeleteForm.js index 13729b11..c9e302fc 100644 --- a/components/pages/settings/websites/WebsiteDeleteForm.js +++ b/components/pages/settings/websites/WebsiteDeleteForm.js @@ -12,7 +12,7 @@ import useMessages from 'hooks/useMessages'; const CONFIRM_VALUE = 'DELETE'; -export default function WebsiteDeleteForm({ websiteId, onSave, onClose }) { +export function WebsiteDeleteForm({ websiteId, onSave, onClose }) { const { formatMessage, labels, messages, FormattedMessage } = useMessages(); const { del, useMutation } = useApi(); const { mutate, error } = useMutation(data => del(`/websites/${websiteId}`, data)); @@ -46,3 +46,5 @@ export default function WebsiteDeleteForm({ websiteId, onSave, onClose }) { ); } + +export default WebsiteDeleteForm; diff --git a/components/pages/settings/websites/WebsiteEditForm.js b/components/pages/settings/websites/WebsiteEditForm.js index 4cf899b1..89c62889 100644 --- a/components/pages/settings/websites/WebsiteEditForm.js +++ b/components/pages/settings/websites/WebsiteEditForm.js @@ -4,7 +4,7 @@ import useApi from 'hooks/useApi'; import { DOMAIN_REGEX } from 'lib/constants'; import useMessages from 'hooks/useMessages'; -export default function WebsiteEditForm({ websiteId, data, onSave }) { +export function WebsiteEditForm({ websiteId, data, onSave }) { const { formatMessage, labels, messages } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error } = useMutation(data => post(`/websites/${websiteId}`, data)); @@ -49,3 +49,5 @@ export default function WebsiteEditForm({ websiteId, data, onSave }) { ); } + +export default WebsiteEditForm; diff --git a/components/pages/settings/websites/WebsiteResetForm.js b/components/pages/settings/websites/WebsiteResetForm.js index 038ad59e..4ac24169 100644 --- a/components/pages/settings/websites/WebsiteResetForm.js +++ b/components/pages/settings/websites/WebsiteResetForm.js @@ -12,7 +12,7 @@ import useMessages from 'hooks/useMessages'; const CONFIRM_VALUE = 'RESET'; -export default function WebsiteResetForm({ websiteId, onSave, onClose }) { +export function WebsiteResetForm({ websiteId, onSave, onClose }) { const { formatMessage, labels, messages } = useMessages(); const { post, useMutation } = useApi(); const { mutate, error } = useMutation(data => post(`/websites/${websiteId}/reset`, data)); @@ -41,3 +41,5 @@ export default function WebsiteResetForm({ websiteId, onSave, onClose }) { ); } + +export default WebsiteResetForm; diff --git a/components/pages/settings/websites/WebsiteSettings.js b/components/pages/settings/websites/WebsiteSettings.js index 8336f28c..0a70a731 100644 --- a/components/pages/settings/websites/WebsiteSettings.js +++ b/components/pages/settings/websites/WebsiteSettings.js @@ -12,7 +12,7 @@ import useApi from 'hooks/useApi'; import useMessages from 'hooks/useMessages'; import useConfig from 'hooks/useConfig'; -export default function WebsiteSettings({ websiteId }) { +export function WebsiteSettings({ websiteId }) { const router = useRouter(); const { formatMessage, labels, messages } = useMessages(); const { openExternal } = useConfig(); @@ -86,3 +86,5 @@ export default function WebsiteSettings({ websiteId }) { ); } + +export default WebsiteSettings; diff --git a/components/pages/settings/websites/WebsitesList.js b/components/pages/settings/websites/WebsitesList.js index 926fff17..84f96c83 100644 --- a/components/pages/settings/websites/WebsitesList.js +++ b/components/pages/settings/websites/WebsitesList.js @@ -8,7 +8,7 @@ import useApi from 'hooks/useApi'; import useUser from 'hooks/useUser'; import useMessages from 'hooks/useMessages'; -export default function WebsitesList() { +export function WebsitesList() { const { formatMessage, labels, messages } = useMessages(); const { user } = useUser(); const { get, useQuery } = useApi(); @@ -52,3 +52,5 @@ export default function WebsitesList() { ); } + +export default WebsitesList; diff --git a/components/pages/settings/websites/WebsitesTable.js b/components/pages/settings/websites/WebsitesTable.js index 0ed79e4f..902393e6 100644 --- a/components/pages/settings/websites/WebsitesTable.js +++ b/components/pages/settings/websites/WebsitesTable.js @@ -4,7 +4,7 @@ import SettingsTable from 'components/common/SettingsTable'; import useMessages from 'hooks/useMessages'; import useConfig from 'hooks/useConfig'; -export default function WebsitesTable({ data = [] }) { +export function WebsitesTable({ data = [] }) { const { formatMessage, labels } = useMessages(); const { openExternal } = useConfig(); @@ -43,3 +43,5 @@ export default function WebsitesTable({ data = [] }) { ); } + +export default WebsitesTable;