refactor: format and lint codebase (#971)

app/assets/javascripts/Components/ApplicationGroupView/index.tsx

@@ -0,0 +1,41 @@
+import { ApplicationGroup } from '@/UIModels/ApplicationGroup'
+import { WebApplication } from '@/UIModels/Application'
+import { Component } from 'preact'
+import { ApplicationView } from '@/Components/ApplicationView'
+
+type State = {
+  activeApplication?: WebApplication
+}
+
+type Props = {
+  mainApplicationGroup: ApplicationGroup
+}
+
+export class ApplicationGroupView extends Component<Props, State> {
+  constructor(props: Props) {
+    super(props)
+
+    props.mainApplicationGroup.addApplicationChangeObserver(() => {
+      const activeApplication = props.mainApplicationGroup.primaryApplication as WebApplication
+      this.setState({ activeApplication })
+    })
+
+    props.mainApplicationGroup.initialize().catch(console.error)
+  }
+
+  render() {
+    return (
+      <>
+        {this.state.activeApplication && (
+          <div id={this.state.activeApplication.identifier}>
+            <ApplicationView
+              key={this.state.activeApplication.ephemeralIdentifier}
+              mainApplicationGroup={this.props.mainApplicationGroup}
+              application={this.state.activeApplication}
+            />
+          </div>
+        )}
+      </>
+    )
+  }
+}