rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: move extensions from prefs menu's left pane to General->Advanced section (#718)

Browse Source
This commit is contained in:
Vardan Hakobyan
2021-11-03 22:45:50 +04:00
committed by GitHub
parent 04fab80adb
commit bbc81ea276
12 changed files with 179 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
app/assets/javascripts/preferences/panes/account/Advanced.tsx
View File

@@ -4,23 +4,33 @@ import { OfflineSubscription } from '@/preferences/panes/account/offlineSubscrip
import { WebApplication } from '@/ui_models/application';
import { observer } from 'mobx-react-lite';
import { AppState } from '@/ui_models/app_state';
import { Extensions } from '@/preferences/panes/Extensions';
import { ExtensionsLatestVersions } from '@/preferences/panes/extensions-segments';
import { HorizontalSeparator } from '@/components/shared/HorizontalSeparator';
import { AccordionItem } from '@/components/shared/AccordionItem';
interface IProps {
application: WebApplication;
appState: AppState;
extensionsLatestVersions: ExtensionsLatestVersions;
}
export const Advanced: FunctionalComponent<IProps> = observer(({ application, appState }) => {
return (
<PreferencesGroup>
<PreferencesSegment>
<div className='flex flex-row items-center'>
<div className='flex-grow flex flex-col'>
<Title>Advanced Settings</Title>
<OfflineSubscription application={application} appState={appState} />
</div>
</div>
</PreferencesSegment>
</PreferencesGroup>
);
});
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} />
<HorizontalSeparator classes="mt-8 mb-8" />
<Extensions application={application} extensionsLatestVersions={extensionsLatestVersions} />
</div>
</div>
</AccordionItem>
</PreferencesSegment>
</PreferencesGroup>
);
}
);