refactor: format and lint codebase (#971)

app/assets/javascripts/Components/Preferences/Panes/Account/Advanced.tsx

@@ -0,0 +1,38 @@
+import { FunctionalComponent } from 'preact'
+import { PreferencesGroup, PreferencesSegment } from '@/Components/Preferences/PreferencesComponents'
+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'
+import { ExtensionsLatestVersions } from '@/Components/Preferences/Panes/Extensions/ExtensionsLatestVersions'
+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>
+    )
+  },
+)