mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-10 09:53:48 +00:00
Alex Christoffer Rasmussen
c1fcdf7065
* feat: get server port from app satate or env optional startup port from env will always override function for parsing port from env populate default port in app state add test for migration * bump version
122 lines
3.1 KiB
TypeScript
122 lines
3.1 KiB
TypeScript
import { useMemo } from 'react';
|
|
|
|
import useAppVersion from '../../common/hooks-query/useAppVersion';
|
|
import { isDocker } from '../../externals';
|
|
|
|
export type SettingsOption = {
|
|
id: string;
|
|
label: string;
|
|
secondary?: Readonly<SettingsOption[]>;
|
|
split?: boolean;
|
|
highlight?: string;
|
|
};
|
|
|
|
const staticOptions = [
|
|
{
|
|
id: 'settings',
|
|
label: 'Settings',
|
|
secondary: [
|
|
{ id: 'settings__data', label: 'Project data' },
|
|
{ id: 'settings__general', label: 'General settings' },
|
|
{ id: 'settings__view', label: 'View settings' },
|
|
{ id: 'settings__port', label: 'Server Port' },
|
|
],
|
|
},
|
|
{
|
|
id: 'project',
|
|
label: 'Project',
|
|
split: true,
|
|
secondary: [
|
|
{ id: 'project__create', label: 'Create...' },
|
|
{ id: 'project__list', label: 'Manage projects' },
|
|
],
|
|
},
|
|
{
|
|
id: 'manage',
|
|
label: 'Project settings',
|
|
secondary: [
|
|
{ id: 'manage__defaults', label: 'Rundown defaults' },
|
|
{ id: 'manage__custom', label: 'Custom fields' },
|
|
{ id: 'manage__rundowns', label: 'Manage rundowns' },
|
|
{ id: 'manage__sheets', label: 'Import spreadsheet' },
|
|
{ id: 'manage__sheets', label: 'Sync with Google Sheet' },
|
|
],
|
|
},
|
|
{
|
|
id: 'automation',
|
|
label: 'Automation',
|
|
split: true,
|
|
secondary: [
|
|
{ id: 'automation__settings', label: 'Automation settings' },
|
|
{ id: 'automation__automations', label: 'Manage automations' },
|
|
{ id: 'automation__triggers', label: 'Manage triggers' },
|
|
],
|
|
},
|
|
{
|
|
id: 'sharing',
|
|
label: 'Sharing and reporting',
|
|
split: true,
|
|
secondary: [
|
|
{ id: 'sharing__presets', label: 'URL Presets' },
|
|
{
|
|
id: 'sharing__link',
|
|
label: 'Share link',
|
|
},
|
|
{ id: 'sharing__report', label: 'Runtime report' },
|
|
],
|
|
},
|
|
{
|
|
id: 'network',
|
|
label: 'Network',
|
|
split: true,
|
|
secondary: [
|
|
{
|
|
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;
|
|
|
|
// a child of navigation or a child of secondary navigation
|
|
export type SettingsOptionId =
|
|
| (typeof staticOptions)[number]['id']
|
|
| Extract<(typeof staticOptions)[number], { secondary: object }>['secondary'][number]['id'];
|
|
|
|
export function useAppSettingsMenu() {
|
|
const { data } = useAppVersion();
|
|
|
|
const options: Readonly<SettingsOption[]> = useMemo(
|
|
() =>
|
|
staticOptions.map((option) => ({
|
|
...option,
|
|
// if we are in docker don't show the port option
|
|
secondary:
|
|
'secondary' in option
|
|
? isDocker && option.id === 'settings'
|
|
? [...option.secondary.filter(({ id }) => id !== 'settings__port')]
|
|
: [...option.secondary]
|
|
: undefined,
|
|
// if there is an update then highlight the about setting
|
|
highlight: option.id === 'about' && data.hasUpdates ? 'New version available' : undefined,
|
|
})),
|
|
[data],
|
|
);
|
|
|
|
return { options };
|
|
}
|