mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-11 18:33:53 +00:00
Alex Christoffer Rasmussen
b6507c27a6
* create report service * write report from runtimeState * use in UI * clear report * update types * clear all from settings menu * rearence rightclik menu * refactor styling * also report roll events * ontime/under time is same colour * refactor reporter * add target to ontime-refetch * remove menu * fectch only on message from server * memo useGetEventReport * refactor * use staleTime * dont add to menu yet * implement review * clear all from menu * fix merge * start end show * combine test for the go button text and action * add report to menu * extract csv utility * report management * unneeded async * small refacort of triggerReportEntry --------- Co-authored-by: Carlos Valente <carlosvalente@pm.me>
106 lines
2.4 KiB
TypeScript
106 lines
2.4 KiB
TypeScript
import { useMemo } from 'react';
|
|
|
|
import useAppVersion from '../../common/hooks-query/useAppVersion';
|
|
|
|
export type SettingsOption = {
|
|
id: string;
|
|
label: string;
|
|
secondary?: Readonly<SettingsOption[]>;
|
|
split?: boolean;
|
|
highlight?: string;
|
|
};
|
|
|
|
const staticOptions = [
|
|
{
|
|
id: 'project',
|
|
label: 'Project',
|
|
secondary: [
|
|
{ id: 'project__create', label: 'Create...' },
|
|
{ id: 'project__data', label: 'Project data' },
|
|
{ id: 'project__manage', label: 'Manage projects' },
|
|
],
|
|
},
|
|
{
|
|
id: 'general',
|
|
label: 'App Settings',
|
|
secondary: [
|
|
{ id: 'general__settings', label: 'General settings' },
|
|
{ id: 'general__editor', label: 'Editor settings' },
|
|
{ id: 'general__view', label: 'View settings' },
|
|
],
|
|
},
|
|
{
|
|
id: 'feature_settings',
|
|
label: 'Feature Settings',
|
|
secondary: [
|
|
{ id: 'feature_settings__custom', label: 'Custom fields' },
|
|
{ id: 'feature_settings__urlpresets', label: 'URL Presets' },
|
|
{ id: 'feature_settings__report', label: 'Report' },
|
|
],
|
|
},
|
|
{
|
|
id: 'sources',
|
|
label: 'Data Sources',
|
|
secondary: [
|
|
{ id: 'sources__xlsx', label: 'Import spreadsheet' },
|
|
{ id: 'sources__gsheet', label: 'Sync with Google Sheet' },
|
|
],
|
|
split: true,
|
|
},
|
|
{
|
|
id: 'automation',
|
|
label: 'Automation',
|
|
secondary: [
|
|
{ id: 'automation__settings', label: 'Automation settings' },
|
|
{ id: 'automation__automations', label: 'Manage automations' },
|
|
{ id: 'automation__triggers', label: 'Manage triggers' },
|
|
],
|
|
},
|
|
{
|
|
id: 'network',
|
|
label: 'Network',
|
|
split: true,
|
|
secondary: [
|
|
{
|
|
id: 'network__link',
|
|
label: 'Share link',
|
|
},
|
|
{
|
|
id: 'network__log',
|
|
label: 'Event log',
|
|
},
|
|
{
|
|
id: 'network__clients',
|
|
label: 'Manage clients',
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 'about',
|
|
label: 'About',
|
|
split: true,
|
|
},
|
|
{
|
|
id: 'shutdown',
|
|
label: 'Shutdown',
|
|
split: true,
|
|
},
|
|
] as const;
|
|
|
|
export type SettingsOptionId = (typeof staticOptions)[number]['id'];
|
|
|
|
export function useAppSettingsMenu() {
|
|
const { data } = useAppVersion();
|
|
|
|
const options: Readonly<SettingsOption[]> = useMemo(
|
|
() =>
|
|
staticOptions.map((option) => ({
|
|
...option,
|
|
highlight: option.id === 'about' && data.hasUpdates ? 'New version available' : undefined,
|
|
})),
|
|
[data],
|
|
);
|
|
|
|
return { options };
|
|
}
|