Centerer: Remove, as unnecessary.

src/account/AccountPickScreen.js

@@ -10,7 +10,7 @@ import type { AppNavigationProp } from '../nav/AppNavigator';
 import * as NavigationService from '../nav/NavigationService';
 import { useSelector, useDispatch } from '../react-redux';
 import { getAccountStatuses } from '../selectors';
-import { Centerer, ZulipButton, Logo, Screen, ViewPlaceholder } from '../common';
+import { ZulipButton, Logo, Screen, ViewPlaceholder } from '../common';
 import AccountList from './AccountList';
 import {
   navigateToRealmInputScreen,
@@ -84,21 +84,19 @@ export default function AccountPickScreen(props: Props) {
       canGoBack={navigation.canGoBack()}
       shouldShowLoadingBanner={false}
     >
-      <Centerer>
-        {accounts.length === 0 && <Logo />}
-        <AccountList
-          accounts={accounts}
-          onAccountSelect={handleAccountSelect}
-          onAccountRemove={handleAccountRemove}
-        />
-        <ViewPlaceholder height={16} />
-        <ZulipButton
-          text="Add new account"
-          onPress={() => {
-            NavigationService.dispatch(navigateToRealmInputScreen());
-          }}
-        />
-      </Centerer>
+      {accounts.length === 0 && <Logo />}
+      <AccountList
+        accounts={accounts}
+        onAccountSelect={handleAccountSelect}
+        onAccountRemove={handleAccountRemove}
+      />
+      <ViewPlaceholder height={16} />
+      <ZulipButton
+        text="Add new account"
+        onPress={() => {
+          NavigationService.dispatch(navigateToRealmInputScreen());
+        }}
+      />
     </Screen>
   );
 }

src/common/index.js

@@ -1,6 +1,5 @@
 /* @flow strict-local */
 export { default as UserAvatarWithPresence } from './UserAvatarWithPresence';
-export { default as Centerer } from './Centerer';
 export { default as ComponentList } from './ComponentList';
 export { default as ComponentWithOverlay } from './ComponentWithOverlay';
 export { default as CountOverlay } from './CountOverlay';

src/start/AuthScreen.js

@@ -26,7 +26,7 @@ import {
 import type { SpecificIconType } from '../common/Icons';
 import { connect } from '../react-redux';
 import styles from '../styles';
-import { Centerer, Screen, ZulipButton } from '../common';
+import { Screen, ZulipButton } from '../common';
 import RealmInfo from './RealmInfo';
 import { encodeParamsForUrl } from '../utils/url';
 import * as webAuth from './webAuth';
@@ -316,36 +316,34 @@ class AuthScreen extends PureComponent<Props> {
 
     return (
       <Screen title="Log in" centerContent padding shouldShowLoadingBanner={false}>
-        <Centerer>
-          <RealmInfo
-            name={serverSettings.realm_name}
-            iconUrl={new URL(serverSettings.realm_icon, this.props.realm).toString()}
-          />
-          {activeAuthentications(
-            serverSettings.authentication_methods,
-            serverSettings.external_authentication_methods,
-          ).map(auth =>
-            auth.name === 'apple' && Platform.OS === 'ios' ? (
-              <IosCompliantAppleAuthButton
-                key={auth.name}
-                style={styles.halfMarginTop}
-                onPress={() => this.handleAuth(auth)}
-              />
-            ) : (
-              <ZulipButton
-                key={auth.name}
-                style={styles.halfMarginTop}
-                secondary
-                text={{
-                  text: 'Sign in with {method}',
-                  values: { method: auth.displayName },
-                }}
-                Icon={auth.Icon}
-                onPress={() => this.handleAuth(auth)}
-              />
-            ),
-          )}
-        </Centerer>
+        <RealmInfo
+          name={serverSettings.realm_name}
+          iconUrl={new URL(serverSettings.realm_icon, this.props.realm).toString()}
+        />
+        {activeAuthentications(
+          serverSettings.authentication_methods,
+          serverSettings.external_authentication_methods,
+        ).map(auth =>
+          auth.name === 'apple' && Platform.OS === 'ios' ? (
+            <IosCompliantAppleAuthButton
+              key={auth.name}
+              style={styles.halfMarginTop}
+              onPress={() => this.handleAuth(auth)}
+            />
+          ) : (
+            <ZulipButton
+              key={auth.name}
+              style={styles.halfMarginTop}
+              secondary
+              text={{
+                text: 'Sign in with {method}',
+                values: { method: auth.displayName },
+              }}
+              Icon={auth.Icon}
+              onPress={() => this.handleAuth(auth)}
+            />
+          ),
+        )}
       </Screen>
     );
   }