Refactored exports.

This commit is contained in:
Mike Cao 2023-04-21 08:00:42 -07:00
parent 1baf4d5571
commit 8bddc666b4
110 changed files with 317 additions and 124 deletions

View file

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

View file

@ -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() {
</PopupTrigger>
);
}
export default LanguageButton;

View file

@ -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 (
<Link href="/logout">
@ -16,3 +16,5 @@ export default function LogoutButton({ tooltipPosition = 'top' }) {
</Link>
);
}
export default LogoutButton;

View file

@ -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() {
</PopupTrigger>
);
}
export default ProfileButton;

View file

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

View file

@ -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() {
</PopupTrigger>
);
}
export default SettingsButton;

View file

@ -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() {
</Button>
);
}
export default ThemeButton;

View file

@ -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 }) {
</Dropdown>
);
}
export default WebsiteSelect;