[🏁 #10] Searching for feeds (#4368)

* 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
2024-06-04 17:12:41 -07:00
parent 6cc82a41fc
commit 1c28bf47f2
8 changed files with 271 additions and 131 deletions
@@ -0,0 +1,38 @@
+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>
+    </>
+  )
+}