40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
import { FunctionComponent } from 'react'
|
|
import OfflineSubscription from '@/Components/Preferences/Panes/Account/OfflineSubscription'
|
|
import { WebApplication } from '@/UIModels/Application'
|
|
import { observer } from 'mobx-react-lite'
|
|
import { AppState } from '@/UIModels/AppState'
|
|
import Extensions from '@/Components/Preferences/Panes/Extensions/Extensions'
|
|
import { ExtensionsLatestVersions } from '@/Components/Preferences/Panes/Extensions/ExtensionsLatestVersions'
|
|
import AccordionItem from '@/Components/Shared/AccordionItem'
|
|
import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
|
|
import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
|
|
|
|
type Props = {
|
|
application: WebApplication
|
|
appState: AppState
|
|
extensionsLatestVersions: ExtensionsLatestVersions
|
|
}
|
|
|
|
const Advanced: FunctionComponent<Props> = ({ 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>
|
|
)
|
|
}
|
|
|
|
export default observer(Advanced)
|