Add build version to menu

src/view/com/util/UserAvatar.tsx

@@ -21,7 +21,7 @@ export function UserAvatar({
   size: number
   handle: string
   displayName: string | undefined
-  userAvatar: string | null | undefined
+  userAvatar?: string | null
   setUserAvatar?: React.Dispatch<React.SetStateAction<string | null>>
 }) {
   const initials = getInitials(displayName || handle)

src/view/com/util/UserBanner.tsx

@@ -17,7 +17,7 @@ export function UserBanner({
   setUserBanner,
 }: {
   handle: string
-  userBanner: string | null | undefined
+  userBanner?: string | null
   setUserBanner?: React.Dispatch<React.SetStateAction<string | null>>
 }) {
   const gradient = getGradient(handle)

src/view/screens/Menu.tsx

@@ -7,7 +7,8 @@ import {
   View,
   ViewStyle,
 } from 'react-native'
-import {colors} from '../lib/styles'
+import VersionNumber from 'react-native-version-number'
+import {s, colors} from '../lib/styles'
 import {ScreenParams} from '../routes'
 import {useStores} from '../../state'
 import {
@@ -171,6 +172,12 @@ export const Menu = ({navIdx, visible}: ScreenParams) => {
             ))
           : undefined}
       </View>
+      <View style={styles.footer}>
+        <Text style={s.gray4}>
+          Build version {VersionNumber.appVersion} ({VersionNumber.buildVersion}
+          )
+        </Text>
+      </View>
     </View>
   )
 }
@@ -243,4 +250,9 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
     color: colors.white,
   },
+
+  footer: {
+    paddingHorizontal: 14,
+    paddingVertical: 18,
+  },
 })