Add staging env

src/view/screens/Home.tsx

@@ -8,6 +8,7 @@ import {useStores} from '../../state'
 import {FeedModel} from '../../state/models/feed-view'
 import {ScreenParams} from '../routes'
 import {s} from '../lib/styles'
+import {BUILD} from '../../env'
 
 export const Home = observer(function Home({
   visible,
@@ -53,7 +54,10 @@ export const Home = observer(function Home({
 
   return (
     <View style={s.flex1}>
-      <ViewHeader title="Bluesky" subtitle="Private Beta" />
+      <ViewHeader
+        title="Bluesky"
+        subtitle={`Private Beta${BUILD !== 'prod' ? ` [${BUILD}]` : ''}`}
+      />
       <Feed key="default" feed={defaultFeedView} scrollElRef={scrollElRef} />
       <FAB icon="pen-nib" onPress={onComposePress} />
     </View>

src/view/screens/Login.tsx

@@ -18,6 +18,7 @@ import {s, colors} from '../lib/styles'
 import {makeValidHandle, createFullHandle} from '../lib/strings'
 import {useStores, DEFAULT_SERVICE} from '../../state'
 import {ServiceDescription} from '../../state/models/session'
+import {BUILD} from '../../env'
 
 enum ScreenState {
   SigninOrCreateAccount,
@@ -71,7 +72,9 @@ const SigninOrCreateAccount = ({
       <View style={styles.hero}>
         <Logo />
         <Text style={styles.title}>Bluesky</Text>
-        <Text style={styles.subtitle}>[ private beta ]</Text>
+        <Text style={styles.subtitle}>
+          [ private beta {BUILD !== 'prod' ? `- ${BUILD} ` : ''}]
+        </Text>
       </View>
       <View style={s.flex1}>
         <TouchableOpacity style={styles.btn} onPress={onPressCreateAccount}>