[🏁 #2] Starter pack wizard (#4266)

* minimal landing page

add a minimal gate

remove overlap row

add bg to avatar set

implement basic mock up

add header of mock

add route

* add navigation

* create starter pack landing page

* add state reducer

* make value an array

* implement state w/ steps

* add back the flex

* view header back button

* add button text

* add button text

* add details screen

* add button states

* proper use of button

* oops

* rm extra state

* use keyboard aware scrollview

* rm log

* remove some stuff

* remove avatar from landing

* add list for profiles

* add profile card w/ button

* add feeds

* add processing state

* support editing a pack

* fix undefined error

* add desktop props

* add entire profile to state

* scope the profile list better

* scoping

* add key extractor to feeds

* add fab

* add icon to details

* changes

* add dialog for adding profiles

* remove log

* rm unused iports

* fix nav type

src/view/com/util/ViewHeader.tsx

@@ -28,6 +28,7 @@ export function ViewHeader({
   showOnDesktop,
   showBorder,
   renderButton,
+  onBackPress: onPressBackOverride,
 }: {
   title: string
   subtitle?: string
@@ -37,6 +38,7 @@ export function ViewHeader({
   showOnDesktop?: boolean
   showBorder?: boolean
   renderButton?: () => JSX.Element
+  onBackPress?: () => void
 }) {
   const pal = usePalette('default')
   const {_} = useLingui()
@@ -48,11 +50,15 @@ export function ViewHeader({
 
   const onPressBack = React.useCallback(() => {
     if (navigation.canGoBack()) {
-      navigation.goBack()
+      if (typeof onPressBackOverride === 'function') {
+        onPressBackOverride()
+      } else {
+        navigation.goBack()
+      }
     } else {
       navigation.navigate('Home')
     }
-  }, [navigation])
+  }, [navigation, onPressBackOverride])
 
   const onPressMenu = React.useCallback(() => {
     track('ViewHeader:MenuButtonClicked')

src/view/screens/Settings/index.tsx

@@ -876,6 +876,18 @@ export function SettingsScreen({}: Props) {
                 <Trans>Delete chat declaration record</Trans>
               </Text>
             </TouchableOpacity>
+            <TouchableOpacity
+              style={[pal.view, styles.linkCardNoIcon]}
+              onPress={() =>
+                navigation.navigate('StarterPackWizard', {mode: 'Create'})
+              }
+              accessibilityRole="button"
+              accessibilityLabel={_(msg`Navigate to Starter Pack Wizard`)}
+              accessibilityHint={_(msg`Navigates to Starter Pack Wizard`)}>
+              <Text type="lg" style={pal.text}>
+                <Trans>Navigate to Starter Pack Wizard</Trans>
+              </Text>
+            </TouchableOpacity>
             <TouchableOpacity
               style={[pal.view, styles.linkCardNoIcon]}
               onPress={onPressResetOnboarding}