Remove 'scenes explainer' from onboarding flow

src/view/com/onboard/FeatureExplainer.tsx

@@ -11,10 +11,9 @@ import {
 import {TabView, SceneMap, Route, TabBarProps} from 'react-native-tab-view'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
 import {Text} from '../util/text/Text'
-import {UserGroupIcon} from '../../lib/icons'
 import {useStores} from '../../../state'
 import {s} from '../../lib/styles'
-import {SCENE_EXPLAINER, TABS_EXPLAINER} from '../../lib/assets'
+import {TABS_EXPLAINER} from '../../lib/assets'
 import {TABS_ENABLED} from '../../../build-flags'
 
 const Intro = () => (
@@ -28,25 +27,7 @@ const Intro = () => (
       Welcome to <Text style={[s.bold, s.blue3, {fontSize: 56}]}>Bluesky</Text>
     </Text>
     <Text style={[styles.explainerDesc, {fontSize: 24}]}>
-      Let's do a quick tour through the new features.
-    </Text>
-  </View>
-)
-
-const Scenes = () => (
-  <View style={styles.explainer}>
-    <View style={styles.explainerIcon}>
-      <View style={s.flex1} />
-      <UserGroupIcon style={s.black} size="48" />
-      <View style={s.flex1} />
-    </View>
-    <Text style={styles.explainerHeading}>Scenes</Text>
-    <Text style={styles.explainerDesc}>
-      Scenes are invite-only groups of users. Follow them to see what's trending
-      with the scene's members.
-    </Text>
-    <Text style={styles.explainerDesc}>
-      <Image source={SCENE_EXPLAINER} style={styles.explainerImg} />
+      This is an early beta. Your feedback is appreciated!
     </Text>
   </View>
 )
@@ -74,7 +55,6 @@ const Tabs = () => (
 
 const SCENE_MAP = {
   intro: Intro,
-  scenes: Scenes,
   tabs: Tabs,
 }
 const renderScene = SceneMap(SCENE_MAP)
@@ -85,7 +65,6 @@ export const FeatureExplainer = () => {
   const [index, setIndex] = useState(0)
   const routes = [
     {key: 'intro', title: 'Intro'},
-    {key: 'scenes', title: 'Scenes'},
     TABS_ENABLED ? {key: 'tabs', title: 'Tabs'} : undefined,
   ].filter(Boolean)
 

src/view/lib/assets.native.ts

@@ -1,5 +1,4 @@
 import {ImageSourcePropType} from 'react-native'
 
 export const DEF_AVATAR: ImageSourcePropType = require('../../../public/img/default-avatar.jpg')
-export const SCENE_EXPLAINER: ImageSourcePropType = require('../../../public/img/scene-explainer.jpg')
 export const TABS_EXPLAINER: ImageSourcePropType = require('../../../public/img/tabs-explainer.jpg')

src/view/lib/assets.ts

@@ -1,9 +1,6 @@
 import {ImageSourcePropType} from 'react-native'
 
 export const DEF_AVATAR: ImageSourcePropType = {uri: '/img/default-avatar.jpg'}
-export const SCENE_EXPLAINER: ImageSourcePropType = {
-  uri: '/img/scene-explainer.jpg',
-}
 export const TABS_EXPLAINER: ImageSourcePropType = {
   uri: '/img/tabs-explainer.jpg',
 }