import {createStore, createEvent, createEffect} from 'effector'

​

type Activity = {

  accessibility?: number

  activity?: string

  key?: string

  link?: string

  participants?: number

  price?: number

  type?: string

}

​

const API_URL: string = 'https://www.boredapi.com/api/activity/'

​

export const fxFetchActivity = createEffect().use(

  async (): Promise<object> => await (await fetch(API_URL)).json()

)

​

fxFetchActivity.doneData.watch(console.log)

​

export const activity = createStore<Activity>({}).on(

  fxFetchActivity.doneData,

  (_, activity) => activity

)

​

export const activityText = activity.map(

  activity => activity && activity.activity

)

​

fxFetchActivity()

​