3 files changed, 19 insertions, 16 deletions
diff --git a/src/view/com/modals/EditProfile.tsx b/src/view/com/modals/EditProfile.tsx
index ba99feb32..8449fda68 100644
--- a/src/view/com/modals/EditProfile.tsx
+++ b/src/view/com/modals/EditProfile.tsx
@@ -108,7 +108,6 @@ export function Component({
           <UserBanner
             banner={userBanner}
             onSelectNewBanner={onSelectNewBanner}
-            handle={profileView.handle}
           />
           <View style={styles.avi}>
             <UserAvatar
diff --git a/src/view/com/modals/Modal.tsx b/src/view/com/modals/Modal.tsx
index e0e18d54a..d0b40d56d 100644
--- a/src/view/com/modals/Modal.tsx
+++ b/src/view/com/modals/Modal.tsx
@@ -62,18 +62,10 @@ export const Modal = observer(function Modal() {
     )
   } else if (store.shell.activeModal?.name === 'report-post') {
     snapPoints = ReportPostModal.snapPoints
-    element = (
-      <ReportPostModal.Component
-        {...(store.shell.activeModal as models.ReportPostModal)}
-      />
-    )
+    element = <ReportPostModal.Component />
   } else if (store.shell.activeModal?.name === 'report-account') {
     snapPoints = ReportAccountModal.snapPoints
-    element = (
-      <ReportAccountModal.Component
-        {...(store.shell.activeModal as models.ReportAccountModal)}
-      />
-    )
+    element = <ReportAccountModal.Component />
   } else {
     element = <View />
   }
diff --git a/src/view/com/modals/ServerInput.tsx b/src/view/com/modals/ServerInput.tsx
index 31ef4b12d..85c0d70b7 100644
--- a/src/view/com/modals/ServerInput.tsx
+++ b/src/view/com/modals/ServerInput.tsx
@@ -1,6 +1,9 @@
 import React, {useState} from 'react'
 import {Platform, StyleSheet, TouchableOpacity, View} from 'react-native'
-import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
+import {
+  FontAwesomeIcon,
+  FontAwesomeIconStyle,
+} from '@fortawesome/react-native-fontawesome'
 import {BottomSheetScrollView, BottomSheetTextInput} from '@gorhom/bottom-sheet'
 import {Text} from '../util/text/Text'
 import {useStores} from '../../../state'
@@ -37,13 +40,19 @@ export function Component({onSelect}: {onSelect: (url: string) => void}) {
                 style={styles.btn}
                 onPress={() => doSelect(LOCAL_DEV_SERVICE)}>
                 <Text style={styles.btnText}>Local dev server</Text>
-                <FontAwesomeIcon icon="arrow-right" style={s.white} />
+                <FontAwesomeIcon
+                  icon="arrow-right"
+                  style={s.white as FontAwesomeIconStyle}
+                />
               </TouchableOpacity>
               <TouchableOpacity
                 style={styles.btn}
                 onPress={() => doSelect(STAGING_SERVICE)}>
                 <Text style={styles.btnText}>Staging</Text>
-                <FontAwesomeIcon icon="arrow-right" style={s.white} />
+                <FontAwesomeIcon
+                  icon="arrow-right"
+                  style={s.white as FontAwesomeIconStyle}
+                />
               </TouchableOpacity>
             </>
           ) : undefined}
@@ -51,7 +60,10 @@ export function Component({onSelect}: {onSelect: (url: string) => void}) {
             style={styles.btn}
             onPress={() => doSelect(PROD_SERVICE)}>
             <Text style={styles.btnText}>Bluesky.Social</Text>
-            <FontAwesomeIcon icon="arrow-right" style={s.white} />
+            <FontAwesomeIcon
+              icon="arrow-right"
+              style={s.white as FontAwesomeIconStyle}
+            />
           </TouchableOpacity>
         </View>
         <View style={styles.group}>
@@ -74,7 +86,7 @@ export function Component({onSelect}: {onSelect: (url: string) => void}) {
               onPress={() => doSelect(customUrl)}>
               <FontAwesomeIcon
                 icon="check"
-                style={[s.black, styles.checkIcon]}
+                style={[s.black as FontAwesomeIconStyle, styles.checkIcon]}
                 size={18}
               />
             </TouchableOpacity>