45 lines
1.6 KiB
TypeScript
45 lines
1.6 KiB
TypeScript
import { FunctionalComponent } from 'preact';
|
|
import {
|
|
PreferencesGroup,
|
|
PreferencesSegment,
|
|
} from '@/components/Preferences/components';
|
|
import { OfflineSubscription } from '@/components/Preferences/panes/account/offlineSubscription';
|
|
import { WebApplication } from '@/ui_models/application';
|
|
import { observer } from 'mobx-react-lite';
|
|
import { AppState } from '@/ui_models/app_state';
|
|
import { Extensions } from '@/components/Preferences/panes/Extensions';
|
|
import { ExtensionsLatestVersions } from '@/components/Preferences/panes/extensions-segments';
|
|
import { AccordionItem } from '@/components/Shared/AccordionItem';
|
|
|
|
interface IProps {
|
|
application: WebApplication;
|
|
appState: AppState;
|
|
extensionsLatestVersions: ExtensionsLatestVersions;
|
|
}
|
|
|
|
export const Advanced: FunctionalComponent<IProps> = observer(
|
|
({ application, appState, extensionsLatestVersions }) => {
|
|
return (
|
|
<PreferencesGroup>
|
|
<PreferencesSegment>
|
|
<AccordionItem title={'Advanced Settings'}>
|
|
<div className="flex flex-row items-center">
|
|
<div className="flex-grow flex flex-col">
|
|
<OfflineSubscription
|
|
application={application}
|
|
appState={appState}
|
|
/>
|
|
<Extensions
|
|
className={'mt-3'}
|
|
application={application}
|
|
extensionsLatestVersions={extensionsLatestVersions}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</AccordionItem>
|
|
</PreferencesSegment>
|
|
</PreferencesGroup>
|
|
);
|
|
}
|
|
);
|