update top padding for new iPhones

Author: pmusaraj

js/Discourse.js

@@ -187,7 +187,6 @@ class Discourse extends React.Component {
       DeviceInfo.getDeviceType() === 'Desktop';
 
     this.state = {
-      hasNotch: DeviceInfo.hasNotch(),
       deviceId: DeviceInfo.getDeviceId(),
       largerUI: largerUI,
       theme: colorScheme === 'dark' ? themes.dark : themes.light,
@@ -494,7 +493,6 @@ class Discourse extends React.Component {
         this._seenNotificationMap = map;
       },
       siteManager: this._siteManager,
-      hasNotch: this.state.hasNotch,
       deviceId: this.state.deviceId,
       largerUI: this.state.largerUI,
       toggleTheme: this._toggleTheme.bind(this),

js/screens/WebViewScreenComponents/WebViewComponent.js

@@ -69,7 +69,6 @@ class WebViewComponent extends React.Component {
       errorData: null,
       userAgentSuffix: 'DiscourseHub',
       layoutCalculated: false,
-      hasNotch: this.props.screenProps.hasNotch,
       isLandscape: false,
       webviewUrl: this.props.url,
       authProcessActive: false,
@@ -124,12 +123,10 @@ class WebViewComponent extends React.Component {
   }
 
   get viewTopPadding() {
-    if (Platform.isPad) {
-      return 15;
+    if (this.props.insets.top) {
+      return this.props.insets.top;
     } else if (this.state.isLandscape) {
       return 10;
-    } else if (this.state.hasNotch) {
-      return this.props.insets.top;
     } else {
       return 20;
     }