2023-08-12 03:22:50 +00:00
|
|
|
import { NavigationProp, useNavigation } from "@react-navigation/native";
|
|
|
|
import { format } from "date-fns";
|
|
|
|
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
|
|
import { useForm } from "react-hook-form";
|
|
|
|
import { NativeModules, ScrollView } from "react-native";
|
|
|
|
import DocumentPicker from "react-native-document-picker";
|
|
|
|
import { Dirs, FileSystem } from "react-native-file-access";
|
|
|
|
import ConfirmDialog from "./ConfirmDialog";
|
|
|
|
import { MARGIN } from "./constants";
|
|
|
|
import { AppDataSource } from "./data-source";
|
|
|
|
import { setRepo, settingsRepo } from "./db";
|
|
|
|
import { DrawerParamList } from "./drawer-param-list";
|
|
|
|
import DrawerHeader from "./DrawerHeader";
|
|
|
|
import Input from "./input";
|
|
|
|
import { darkOptions, lightOptions, themeOptions } from "./options";
|
|
|
|
import Page from "./Page";
|
|
|
|
import Select from "./Select";
|
|
|
|
import SettingButton from "./SettingButton";
|
|
|
|
import Settings from "./settings";
|
|
|
|
import Switch from "./Switch";
|
|
|
|
import { toast } from "./toast";
|
|
|
|
import { useTheme } from "./use-theme";
|
2022-07-08 03:45:24 +00:00
|
|
|
|
2023-06-17 23:30:28 +00:00
|
|
|
const twelveHours = [
|
2023-08-12 03:22:50 +00:00
|
|
|
"dd/LL/yyyy",
|
|
|
|
"dd/LL/yyyy, p",
|
|
|
|
"ccc p",
|
|
|
|
"p",
|
|
|
|
"yyyy-MM-d",
|
|
|
|
"yyyy-MM-d, p",
|
|
|
|
"yyyy.MM.d",
|
|
|
|
];
|
2023-06-17 23:30:28 +00:00
|
|
|
const twentyFours = [
|
2023-08-12 03:22:50 +00:00
|
|
|
"dd/LL/yyyy",
|
|
|
|
"dd/LL/yyyy, k:m",
|
|
|
|
"ccc k:m",
|
|
|
|
"k:m",
|
|
|
|
"yyyy-MM-d",
|
|
|
|
"yyyy-MM-d, k:m",
|
|
|
|
"yyyy.MM.d",
|
|
|
|
];
|
2022-11-21 05:15:43 +00:00
|
|
|
|
2022-07-08 03:20:03 +00:00
|
|
|
export default function SettingsPage() {
|
2023-08-12 03:22:50 +00:00
|
|
|
const [ignoring, setIgnoring] = useState(false);
|
|
|
|
const [term, setTerm] = useState("");
|
|
|
|
const [formatOptions, setFormatOptions] = useState<string[]>(twelveHours);
|
|
|
|
const [importing, setImporting] = useState(false);
|
|
|
|
const [deleting, setDeleting] = useState(false);
|
|
|
|
const { reset } = useNavigation<NavigationProp<DrawerParamList>>();
|
2022-10-18 08:43:46 +00:00
|
|
|
|
2023-06-27 03:16:59 +00:00
|
|
|
const { watch, setValue } = useForm<Settings>({
|
|
|
|
defaultValues: () => settingsRepo.findOne({ where: {} }),
|
2023-08-12 03:22:50 +00:00
|
|
|
});
|
|
|
|
const settings = watch();
|
2022-12-30 02:45:18 +00:00
|
|
|
|
2023-06-27 03:16:59 +00:00
|
|
|
const {
|
|
|
|
theme,
|
|
|
|
setTheme,
|
|
|
|
lightColor,
|
|
|
|
setLightColor,
|
|
|
|
darkColor,
|
|
|
|
setDarkColor,
|
2023-08-12 03:22:50 +00:00
|
|
|
} = useTheme();
|
2022-12-29 04:27:43 +00:00
|
|
|
|
2022-12-29 00:52:38 +00:00
|
|
|
useEffect(() => {
|
2023-08-12 03:22:50 +00:00
|
|
|
NativeModules.SettingsModule.ignoringBattery(setIgnoring);
|
2022-12-29 00:52:38 +00:00
|
|
|
NativeModules.SettingsModule.is24().then((is24: boolean) => {
|
2023-08-12 03:22:50 +00:00
|
|
|
console.log(`${SettingsPage.name}.focus:`, { is24 });
|
|
|
|
if (is24) setFormatOptions(twentyFours);
|
|
|
|
else setFormatOptions(twelveHours);
|
|
|
|
});
|
|
|
|
}, []);
|
2022-07-03 01:50:01 +00:00
|
|
|
|
2023-01-03 01:59:19 +00:00
|
|
|
const update = useCallback((key: keyof Settings, value: unknown) => {
|
|
|
|
return settingsRepo
|
|
|
|
.createQueryBuilder()
|
|
|
|
.update()
|
2023-06-27 03:16:59 +00:00
|
|
|
.set({ [key]: value })
|
2023-01-03 01:59:19 +00:00
|
|
|
.printSql()
|
2023-08-12 03:22:50 +00:00
|
|
|
.execute();
|
|
|
|
}, []);
|
2023-01-03 01:59:19 +00:00
|
|
|
|
2022-12-28 01:15:02 +00:00
|
|
|
const soundString = useMemo(() => {
|
2023-08-12 03:22:50 +00:00
|
|
|
if (!settings.sound) return null;
|
|
|
|
const split = settings.sound.split("/");
|
|
|
|
return split.pop();
|
|
|
|
}, [settings.sound]);
|
2022-12-28 01:15:02 +00:00
|
|
|
|
2022-08-25 08:41:01 +00:00
|
|
|
const changeSound = useCallback(async () => {
|
2023-06-27 03:16:59 +00:00
|
|
|
const { fileCopyUri } = await DocumentPicker.pickSingle({
|
2023-03-27 01:01:37 +00:00
|
|
|
type: DocumentPicker.types.audio,
|
2023-08-12 03:22:50 +00:00
|
|
|
copyTo: "documentDirectory",
|
|
|
|
});
|
|
|
|
if (!fileCopyUri) return;
|
|
|
|
setValue("sound", fileCopyUri);
|
|
|
|
await update("sound", fileCopyUri);
|
|
|
|
toast("Sound will play after rest timers.");
|
|
|
|
}, [setValue, update]);
|
2022-12-29 00:52:38 +00:00
|
|
|
|
2023-01-01 00:32:26 +00:00
|
|
|
const switches: Input<boolean>[] = useMemo(
|
|
|
|
() => [
|
2023-08-12 03:22:50 +00:00
|
|
|
{ name: "Rest timers", value: settings.alarm, key: "alarm" },
|
|
|
|
{ name: "Vibrate", value: settings.vibrate, key: "vibrate" },
|
|
|
|
{ name: "Disable sound", value: settings.noSound, key: "noSound" },
|
|
|
|
{ name: "Notifications", value: settings.notify, key: "notify" },
|
|
|
|
{ name: "Show images", value: settings.images, key: "images" },
|
|
|
|
{ name: "Show unit", value: settings.showUnit, key: "showUnit" },
|
|
|
|
{ name: "Show steps", value: settings.steps, key: "steps" },
|
|
|
|
{ name: "Show date", value: settings.showDate, key: "showDate" },
|
|
|
|
{ name: "Automatic backup", value: settings.backup, key: "backup" },
|
2023-01-01 00:32:26 +00:00
|
|
|
],
|
2023-08-12 03:22:50 +00:00
|
|
|
[settings]
|
|
|
|
);
|
2022-12-29 05:20:40 +00:00
|
|
|
|
2023-01-01 00:39:10 +00:00
|
|
|
const filter = useCallback(
|
2023-06-27 03:16:59 +00:00
|
|
|
({ name }) => name.toLowerCase().includes(term.toLowerCase()),
|
2023-08-12 03:22:50 +00:00
|
|
|
[term]
|
|
|
|
);
|
2022-10-18 08:43:46 +00:00
|
|
|
|
2022-12-29 05:20:40 +00:00
|
|
|
const changeBoolean = useCallback(
|
|
|
|
async (key: keyof Settings, value: boolean) => {
|
2023-08-12 03:22:50 +00:00
|
|
|
setValue(key, value);
|
|
|
|
await update(key, value);
|
2022-12-29 05:20:40 +00:00
|
|
|
switch (key) {
|
2023-08-12 03:22:50 +00:00
|
|
|
case "alarm":
|
|
|
|
if (value) toast("Timers will now run after each set.");
|
|
|
|
else toast("Stopped timers running after each set.");
|
|
|
|
if (value && !ignoring) NativeModules.SettingsModule.ignoreBattery();
|
|
|
|
return;
|
|
|
|
case "vibrate":
|
|
|
|
if (value) toast("Alarms will now vibrate.");
|
|
|
|
else toast("Alarms will no longer vibrate.");
|
|
|
|
return;
|
|
|
|
case "notify":
|
|
|
|
if (value) toast("Show notifications for new records.");
|
|
|
|
else toast("Stopped notifications for new records.");
|
|
|
|
return;
|
|
|
|
case "images":
|
|
|
|
if (value) toast("Show images for sets.");
|
|
|
|
else toast("Hid images for sets.");
|
|
|
|
return;
|
|
|
|
case "showUnit":
|
|
|
|
if (value) toast("Show option to select unit for sets.");
|
|
|
|
else toast("Hid unit option for sets.");
|
|
|
|
return;
|
|
|
|
case "steps":
|
|
|
|
if (value) toast("Show steps for a workout.");
|
|
|
|
else toast("Hid steps for workouts.");
|
|
|
|
return;
|
|
|
|
case "showDate":
|
|
|
|
if (value) toast("Show date for sets.");
|
|
|
|
else toast("Hid date on sets.");
|
|
|
|
return;
|
|
|
|
case "noSound":
|
|
|
|
if (value) toast("Disable sound on rest timer alarms.");
|
|
|
|
else toast("Enabled sound for rest timer alarms.");
|
|
|
|
return;
|
|
|
|
case "backup":
|
2023-03-09 04:13:33 +00:00
|
|
|
if (value) {
|
2023-08-12 03:22:50 +00:00
|
|
|
const result = await DocumentPicker.pickDirectory();
|
|
|
|
toast("Backup database daily.");
|
|
|
|
NativeModules.BackupModule.start(result.uri);
|
2023-03-09 04:13:33 +00:00
|
|
|
} else {
|
2023-08-12 03:22:50 +00:00
|
|
|
toast("Stopped backing up daily");
|
|
|
|
NativeModules.BackupModule.stop();
|
2023-03-09 04:13:33 +00:00
|
|
|
}
|
2023-08-12 03:22:50 +00:00
|
|
|
return;
|
2022-12-29 05:20:40 +00:00
|
|
|
}
|
2022-11-26 00:15:12 +00:00
|
|
|
},
|
2023-08-12 03:22:50 +00:00
|
|
|
[ignoring, setValue, update]
|
|
|
|
);
|
2022-10-31 08:00:10 +00:00
|
|
|
|
2022-12-01 02:45:18 +00:00
|
|
|
const renderSwitch = useCallback(
|
2022-12-22 06:14:34 +00:00
|
|
|
(item: Input<boolean>) => (
|
2022-12-29 05:20:40 +00:00
|
|
|
<Switch
|
|
|
|
key={item.name}
|
|
|
|
value={item.value}
|
2023-06-27 03:16:59 +00:00
|
|
|
onChange={(value) => changeBoolean(item.key, value)}
|
2022-12-30 06:49:54 +00:00
|
|
|
title={item.name}
|
|
|
|
/>
|
2022-11-07 01:30:25 +00:00
|
|
|
),
|
2023-08-12 03:22:50 +00:00
|
|
|
[changeBoolean]
|
|
|
|
);
|
2022-11-07 01:30:25 +00:00
|
|
|
|
2023-01-01 00:39:10 +00:00
|
|
|
const switchesMarkup = useMemo(
|
2023-06-27 03:16:59 +00:00
|
|
|
() => switches.filter(filter).map((s) => renderSwitch(s)),
|
2023-08-12 03:22:50 +00:00
|
|
|
[filter, switches, renderSwitch]
|
|
|
|
);
|
2023-01-01 00:39:10 +00:00
|
|
|
|
|
|
|
const changeString = useCallback(
|
|
|
|
async (key: keyof Settings, value: string) => {
|
2023-08-12 03:22:50 +00:00
|
|
|
setValue(key, value);
|
|
|
|
await update(key, value);
|
2023-01-01 00:39:10 +00:00
|
|
|
switch (key) {
|
2023-08-12 03:22:50 +00:00
|
|
|
case "date":
|
|
|
|
return toast("Changed date format");
|
|
|
|
case "darkColor":
|
|
|
|
setDarkColor(value);
|
|
|
|
return toast("Set primary color for dark mode.");
|
|
|
|
case "lightColor":
|
|
|
|
setLightColor(value);
|
|
|
|
return toast("Set primary color for light mode.");
|
|
|
|
case "vibrate":
|
|
|
|
return toast("Set primary color for light mode.");
|
|
|
|
case "sound":
|
|
|
|
return toast("Sound will play after rest timers.");
|
|
|
|
case "theme":
|
|
|
|
setTheme(value as string);
|
|
|
|
if (value === "dark") toast("Theme will always be dark.");
|
|
|
|
else if (value === "light") toast("Theme will always be light.");
|
|
|
|
else if (value === "system") toast("Theme will follow system.");
|
|
|
|
return;
|
2023-01-01 00:39:10 +00:00
|
|
|
}
|
2022-12-01 02:45:18 +00:00
|
|
|
},
|
2023-08-12 03:22:50 +00:00
|
|
|
[update, setTheme, setDarkColor, setLightColor, setValue]
|
|
|
|
);
|
2023-01-01 00:39:10 +00:00
|
|
|
|
|
|
|
const selects: Input<string>[] = useMemo(() => {
|
2023-08-12 03:22:50 +00:00
|
|
|
const today = new Date();
|
2023-01-01 00:39:10 +00:00
|
|
|
return [
|
2023-08-12 03:22:50 +00:00
|
|
|
{ name: "Theme", value: theme, items: themeOptions, key: "theme" },
|
2023-01-01 00:39:10 +00:00
|
|
|
{
|
2023-08-12 03:22:50 +00:00
|
|
|
name: "Dark color",
|
2023-01-01 00:39:10 +00:00
|
|
|
value: darkColor,
|
|
|
|
items: lightOptions,
|
2023-08-12 03:22:50 +00:00
|
|
|
key: "darkColor",
|
2023-01-01 00:39:10 +00:00
|
|
|
},
|
|
|
|
{
|
2023-08-12 03:22:50 +00:00
|
|
|
name: "Light color",
|
2023-01-01 00:39:10 +00:00
|
|
|
value: lightColor,
|
|
|
|
items: darkOptions,
|
2023-08-12 03:22:50 +00:00
|
|
|
key: "lightColor",
|
2023-01-01 00:39:10 +00:00
|
|
|
},
|
|
|
|
{
|
2023-08-12 03:22:50 +00:00
|
|
|
name: "Date format",
|
2023-01-01 00:39:10 +00:00
|
|
|
value: settings.date,
|
2023-06-27 03:16:59 +00:00
|
|
|
items: formatOptions.map((option) => ({
|
2023-01-01 00:39:10 +00:00
|
|
|
label: format(today, option),
|
|
|
|
value: option,
|
|
|
|
})),
|
2023-08-12 03:22:50 +00:00
|
|
|
key: "date",
|
2023-01-01 00:39:10 +00:00
|
|
|
},
|
2023-08-12 03:22:50 +00:00
|
|
|
];
|
|
|
|
}, [settings, darkColor, formatOptions, theme, lightColor]);
|
2022-12-01 02:45:18 +00:00
|
|
|
|
|
|
|
const renderSelect = useCallback(
|
2022-12-22 06:14:34 +00:00
|
|
|
(item: Input<string>) => (
|
2022-12-01 02:45:18 +00:00
|
|
|
<Select
|
2022-12-24 00:18:03 +00:00
|
|
|
key={item.name}
|
2022-12-01 02:45:18 +00:00
|
|
|
value={item.value}
|
2023-06-27 03:16:59 +00:00
|
|
|
onChange={(value) => changeString(item.key, value)}
|
2022-12-01 02:45:18 +00:00
|
|
|
label={item.name}
|
|
|
|
items={item.items}
|
|
|
|
/>
|
|
|
|
),
|
2023-08-12 03:22:50 +00:00
|
|
|
[changeString]
|
|
|
|
);
|
2022-12-01 02:45:18 +00:00
|
|
|
|
2023-01-01 00:39:10 +00:00
|
|
|
const selectsMarkup = useMemo(
|
|
|
|
() => selects.filter(filter).map(renderSelect),
|
2023-08-12 03:22:50 +00:00
|
|
|
[filter, selects, renderSelect]
|
|
|
|
);
|
2023-01-01 00:39:10 +00:00
|
|
|
|
2023-07-20 02:55:19 +00:00
|
|
|
const confirmDelete = useCallback(async () => {
|
2023-08-12 03:22:50 +00:00
|
|
|
setDeleting(false);
|
|
|
|
await AppDataSource.dropDatabase();
|
|
|
|
await AppDataSource.destroy();
|
|
|
|
await AppDataSource.initialize();
|
|
|
|
toast("Database deleted.");
|
|
|
|
}, []);
|
2023-06-29 03:31:24 +00:00
|
|
|
|
2022-12-08 00:18:41 +00:00
|
|
|
const confirmImport = useCallback(async () => {
|
2023-08-12 03:22:50 +00:00
|
|
|
setImporting(false);
|
|
|
|
await AppDataSource.destroy();
|
|
|
|
const file = await DocumentPicker.pickSingle();
|
|
|
|
await FileSystem.cp(file.uri, Dirs.DatabaseDir + "/massive.db");
|
|
|
|
await AppDataSource.initialize();
|
|
|
|
await setRepo.createQueryBuilder().update().set({ image: null }).execute();
|
|
|
|
await update("sound", null);
|
|
|
|
const { alarm, backup } = await settingsRepo.findOne({ where: {} });
|
|
|
|
console.log({ backup });
|
|
|
|
const directory = await DocumentPicker.pickDirectory();
|
|
|
|
if (backup) NativeModules.BackupModule.start(directory.uri);
|
|
|
|
else NativeModules.BackupModule.stop();
|
|
|
|
NativeModules.SettingsModule.ignoringBattery((isIgnoring: boolean) => {
|
|
|
|
if (alarm && !isIgnoring) NativeModules.SettingsModule.ignoreBattery();
|
|
|
|
reset({ index: 0, routes: [{ name: "Settings" }] });
|
|
|
|
});
|
|
|
|
}, [reset, update]);
|
2022-12-08 00:18:41 +00:00
|
|
|
|
|
|
|
const exportDatabase = useCallback(async () => {
|
2023-08-12 03:22:50 +00:00
|
|
|
const path = Dirs.DatabaseDir + "/massive.db";
|
|
|
|
await FileSystem.cpExternal(path, "massive.db", "downloads");
|
|
|
|
toast("Database exported. Check downloads.");
|
|
|
|
}, []);
|
2022-12-08 00:18:41 +00:00
|
|
|
|
2023-01-01 00:39:10 +00:00
|
|
|
const buttons = useMemo(
|
|
|
|
() => [
|
|
|
|
{
|
2023-08-12 03:22:50 +00:00
|
|
|
name: soundString || "Default",
|
2023-06-29 03:31:24 +00:00
|
|
|
onPress: changeSound,
|
2023-08-12 03:22:50 +00:00
|
|
|
label: "Alarm sound",
|
2023-01-01 00:39:10 +00:00
|
|
|
},
|
2023-08-12 03:22:50 +00:00
|
|
|
{ name: "Export database", onPress: exportDatabase },
|
|
|
|
{ name: "Import database", onPress: () => setImporting(true) },
|
|
|
|
{ name: "Delete database", onPress: () => setDeleting(true) },
|
2023-01-01 00:39:10 +00:00
|
|
|
],
|
2023-08-12 03:22:50 +00:00
|
|
|
[changeSound, exportDatabase, soundString]
|
|
|
|
);
|
2022-12-30 07:29:16 +00:00
|
|
|
|
2023-01-01 00:39:10 +00:00
|
|
|
const buttonsMarkup = useMemo(
|
2023-06-29 03:31:24 +00:00
|
|
|
() =>
|
2023-08-12 03:22:50 +00:00
|
|
|
buttons
|
|
|
|
.filter(filter)
|
|
|
|
.map((button) => <SettingButton {...button} key={button.name} />),
|
|
|
|
[buttons, filter]
|
|
|
|
);
|
2022-12-24 00:36:11 +00:00
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
2023-08-12 03:22:50 +00:00
|
|
|
<DrawerHeader name="Settings" />
|
2022-12-24 00:36:11 +00:00
|
|
|
|
2023-06-27 03:16:59 +00:00
|
|
|
<Page term={term} search={setTerm} style={{ flexGrow: 1 }}>
|
|
|
|
<ScrollView style={{ marginTop: MARGIN, flex: 1 }}>
|
2023-01-01 00:39:10 +00:00
|
|
|
{switchesMarkup}
|
|
|
|
{selectsMarkup}
|
|
|
|
{buttonsMarkup}
|
2023-01-02 10:29:46 +00:00
|
|
|
</ScrollView>
|
2022-10-22 23:35:58 +00:00
|
|
|
</Page>
|
2022-12-08 00:18:41 +00:00
|
|
|
|
|
|
|
<ConfirmDialog
|
2023-08-12 03:22:50 +00:00
|
|
|
title="Are you sure?"
|
2022-12-08 00:18:41 +00:00
|
|
|
onOk={confirmImport}
|
|
|
|
setShow={setImporting}
|
2023-06-27 03:16:59 +00:00
|
|
|
show={importing}
|
|
|
|
>
|
2022-12-08 00:18:41 +00:00
|
|
|
Importing a database overwrites your current data. This action cannot be
|
|
|
|
reversed!
|
|
|
|
</ConfirmDialog>
|
2023-06-29 03:31:24 +00:00
|
|
|
|
|
|
|
<ConfirmDialog
|
2023-08-12 03:22:50 +00:00
|
|
|
title="Are you sure?"
|
2023-06-29 03:31:24 +00:00
|
|
|
onOk={confirmDelete}
|
|
|
|
setShow={setDeleting}
|
|
|
|
show={deleting}
|
|
|
|
>
|
|
|
|
Deleting your database wipes your current data. This action cannot be
|
|
|
|
reversed!
|
|
|
|
</ConfirmDialog>
|
2022-10-22 23:35:58 +00:00
|
|
|
</>
|
2023-08-12 03:22:50 +00:00
|
|
|
);
|
2022-07-03 01:50:01 +00:00
|
|
|
}
|