diff --git a/src/screens/StarterPack/Wizard/index.tsx b/src/screens/StarterPack/Wizard/index.tsx index 2f50e878..3f0499a1 100644 --- a/src/screens/StarterPack/Wizard/index.tsx +++ b/src/screens/StarterPack/Wizard/index.tsx @@ -393,7 +393,6 @@ function Footer({ state.currentStep === 'Profiles' ? [profile, ...state.profiles] : state.feeds - const initialNamesIndex = state.currentStep === 'Profiles' ? 1 : 0 const isEditEnabled = (state.currentStep === 'Profiles' && items.length > 1) || @@ -445,87 +444,99 @@ function Footer({ ))} - {items.length === 0 /* Assuming this can only happen for feeds */ ? ( - - - Add some feeds to your starter pack! - + { + state.currentStep === 'Profiles' ? ( - Search for feeds that you want to suggest to others. + { + items.length < 2 ? ( + + It's just you right now! Add more people to your starter pack + by searching above. + + ) : items.length === 2 ? ( + + You and + + + {getName(items[1] /* [0] is self, skip it */)}{' '} + + are included in your starter pack + + ) : items.length > 2 ? ( + + + {getName(items[1] /* [0] is self, skip it */)},{' '} + + + {getName(items[2])},{' '} + + and{' '} + {' '} + are included in your starter pack + + ) : null /* Should not happen. */ + } - - ) : ( - - { - items.length === 1 && state.currentStep === 'Profiles' ? ( - - It's just you right now! Add more people to your starter pack by - searching above. - - ) : items.length === 1 && state.currentStep === 'Feeds' ? ( - - - {getName(items[initialNamesIndex])} - {' '} - is included in your starter pack - - ) : items.length === 2 && state.currentStep === 'Profiles' ? ( - - You and - - - {getName(items[initialNamesIndex])}{' '} - - are included in your starter pack - - ) : items.length === 2 && state.currentStep === 'Feeds' ? ( - - - {getName(items[initialNamesIndex])} - {' '} - and - - - {getName(items[initialNamesIndex + 1])}{' '} - - are included in your starter pack - - ) : items.length > 2 && state.currentStep === 'Profiles' ? ( - - - {getName(items[initialNamesIndex])},{' '} - - - {getName(items[initialNamesIndex + 1])},{' '} - - and{' '} - {' '} - are included in your starter pack - - ) : items.length > 2 && state.currentStep === 'Feeds' ? ( - - - {getName(items[initialNamesIndex])},{' '} - - - {getName(items[initialNamesIndex + 1])},{' '} - - and{' '} - {' '} - are included in your starter pack - - ) : null /* Should not happen */ - } - - )} + ) : state.currentStep === 'Feeds' ? ( + items.length === 0 ? ( + + + Add some feeds to your starter pack! + + + + Search for feeds that you want to suggest to others. + + + + ) : ( + + { + items.length === 1 ? ( + + + {getName(items[0])} + {' '} + is included in your starter pack + + ) : items.length === 2 ? ( + + + {getName(items[0])} + {' '} + and + + + {getName(items[1])}{' '} + + are included in your starter pack + + ) : items.length > 2 ? ( + + + {getName(items[0])},{' '} + + + {getName(items[1])},{' '} + + and{' '} + {' '} + are included in your starter pack + + ) : null /* Should not happen. */ + } + + ) + ) : null /* Should not happen. */ + }