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

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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