refactor: rename files (#1034)

app/assets/javascripts/Components/Preferences/Panes/Security/Security.tsx

@@ -0,0 +1,31 @@
+import { WebApplication } from '@/UIModels/Application'
+import { AppState } from '@/UIModels/AppState'
+import { FunctionComponent } from 'preact'
+import { PreferencesPane } from '@/Components/Preferences/PreferencesComponents'
+import { TwoFactorAuthWrapper } from '../TwoFactorAuth/TwoFactorAuthWrapper'
+import { MfaProps } from '../TwoFactorAuth/MfaProps'
+import { Encryption } from './Encryption'
+import { PasscodeLock } from './PasscodeLock'
+import { Privacy } from './Privacy'
+import { Protections } from './Protections'
+import { ErroredItems } from './ErroredItems'
+
+interface SecurityProps extends MfaProps {
+  appState: AppState
+  application: WebApplication
+}
+
+export const securityPrefsHasBubble = (application: WebApplication): boolean => {
+  return application.items.invalidItems.length > 0
+}
+
+export const Security: FunctionComponent<SecurityProps> = (props) => (
+  <PreferencesPane>
+    <Encryption appState={props.appState} />
+    {props.application.items.invalidItems.length > 0 && <ErroredItems appState={props.appState} />}
+    <Protections application={props.application} />
+    <TwoFactorAuthWrapper mfaProvider={props.mfaProvider} userProvider={props.userProvider} />
+    <PasscodeLock appState={props.appState} application={props.application} />
+    {props.application.getUser() && <Privacy application={props.application} />}
+  </PreferencesPane>
+)