refactor: format and lint codebase (#971)

app/assets/javascripts/Components/AccountMenu/User.tsx

@@ -0,0 +1,44 @@
+import { observer } from 'mobx-react-lite'
+import { AppState } from '@/UIModels/AppState'
+import { WebApplication } from '@/UIModels/Application'
+import { User as UserType } from '@standardnotes/snjs'
+
+type Props = {
+  appState: AppState
+  application: WebApplication
+}
+
+const User = observer(({ appState, application }: Props) => {
+  const { server } = appState.accountMenu
+  const user = application.getUser() as UserType
+
+  return (
+    <div className="sk-panel-section">
+      {appState.sync.errorMessage && (
+        <div className="sk-notification danger">
+          <div className="sk-notification-title">Sync Unreachable</div>
+          <div className="sk-notification-text">
+            Hmm...we can't seem to sync your account. The reason: {appState.sync.errorMessage}
+          </div>
+          <a
+            className="sk-a info-contrast sk-bold sk-panel-row"
+            href="https://standardnotes.com/help"
+            rel="noopener"
+            target="_blank"
+          >
+            Need help?
+          </a>
+        </div>
+      )}
+      <div className="sk-panel-row">
+        <div className="sk-panel-column">
+          <div className="sk-h1 sk-bold wrap">{user.email}</div>
+          <div className="sk-subtitle neutral">{server}</div>
+        </div>
+      </div>
+      <div className="sk-panel-row" />
+    </div>
+  )
+})
+
+export default User