add processing state to button

src/screens/StarterPack/Wizard/State.tsx

@@ -2,8 +2,6 @@ import React from 'react'
 import {AppBskyActorDefs} from '@atproto/api'
 import {GeneratorView} from '@atproto/api/dist/client/types/app/bsky/feed/defs'
 
-import {useAgent, useSession} from 'state/session'
-
 const steps = ['Details', 'Profiles', 'Feeds'] as const
 type Step = (typeof steps)[number]
 
@@ -30,12 +28,11 @@ interface State {
   processing: boolean
 }
 
-type TStateContext = [State, (action: Action) => void, () => Promise<void>]
+type TStateContext = [State, (action: Action) => void]
 
 const StateContext = React.createContext<TStateContext>([
   {} as State,
   (_: Action) => {},
-  async () => {},
 ])
 export const useWizardState = () => React.useContext(StateContext)
 
@@ -110,9 +107,6 @@ export function Provider({
   initialStep?: Step
   children: React.ReactNode
 }) {
-  const agent = useAgent()
-  const {currentAccount} = useSession()
-
   const [state, dispatch] = React.useReducer(
     reducer,
     initialState
@@ -129,62 +123,8 @@ export function Provider({
         },
   )
 
-  const submit = async () => {
-    dispatch({type: 'SetProcessing', processing: true})
-
-    try {
-      const list = await agent.app.bsky.graph.list.create(
-        {repo: currentAccount?.did},
-        {
-          name: state.name ?? '',
-          description: state.description ?? '',
-          descriptionFacets: [],
-          avatar: undefined,
-          createdAt: new Date().toISOString(),
-          purpose: 'app.bsky.graph.defs#referencelist',
-        },
-      )
-
-      await agent.com.atproto.repo.applyWrites({
-        repo: currentAccount!.did,
-        writes: state.profiles.map(p => ({
-          $type: 'com.atproto.repo.applyWrites#create',
-          collection: 'app.bsky.graph.listitem',
-          value: {
-            $type: 'app.bsky.graph.listitem',
-            subject: p.did,
-            list: list.uri,
-            createdAt: new Date().toISOString(),
-          },
-        })),
-      })
-
-      await agent.app.bsky.graph.starterpack.create(
-        {
-          repo: currentAccount!.did,
-          validate: false,
-        },
-        {
-          name: state.name ?? '',
-          description: state.description ?? '',
-          descriptionFacets: [],
-          list: list.uri,
-          feeds: state.feeds.map(f => ({
-            uri: f.uri,
-          })),
-          createdAt: new Date().toISOString(),
-        },
-      )
-    } catch (e) {
-      // TODO add error to state
-      console.error(e)
-    } finally {
-      dispatch({type: 'SetProcessing', processing: false})
-    }
-  }
-
   return (
-    <StateContext.Provider value={[state, dispatch, submit]}>
+    <StateContext.Provider value={[state, dispatch]}>
       {children}
     </StateContext.Provider>
   )