Hailey
1c28bf47f2
* refactor name * refactor to support feeds search * more refactor * cleanup * allow searching for feeds * better empty states * move some stuff around * one more move * rename buttons * another move * clarify variable names
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import React from 'react'
|
|
import {ListRenderItemInfo, View} from 'react-native'
|
|
import {AppBskyActorDefs} from '@atproto/api'
|
|
|
|
import {List} from 'view/com/util/List'
|
|
import {useWizardState} from '#/screens/StarterPack/Wizard/State'
|
|
import {atoms as a} from '#/alf'
|
|
import {WizardListEmpty} from '#/components/StarterPack/Wizard/WizardListEmpty'
|
|
import {WizardProfileCard} from '#/components/StarterPack/Wizard/WizardProfileCard'
|
|
|
|
function keyExtractor(item: AppBskyActorDefs.ProfileViewBasic) {
|
|
return item.did
|
|
}
|
|
|
|
export function StepProfiles() {
|
|
const [state, dispatch] = useWizardState()
|
|
|
|
const renderItem = ({
|
|
item,
|
|
}: ListRenderItemInfo<AppBskyActorDefs.ProfileViewBasic>) => {
|
|
return (
|
|
<WizardProfileCard profile={item} state={state} dispatch={dispatch} />
|
|
)
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<View style={[a.flex_1]}>
|
|
<List
|
|
data={state.profiles}
|
|
renderItem={renderItem}
|
|
keyExtractor={keyExtractor}
|
|
ListEmptyComponent={<WizardListEmpty type="profiles" />}
|
|
/>
|
|
</View>
|
|
</>
|
|
)
|
|
}
|