AreasState.ts

import { createState, useState } from '@hookstate/core'
import { supabase } from './client'

export type Area = {
	id: string
	name: string
	updated_at: string
	data: any
}

export const fetchAreas = async () => {
	try {
		let { body } = await supabase.from('areas').select(`*`)
		return body
	} catch (error) {
		console.log('error', error)
	}
}

const state = createState<Area[]>(
	new Promise((resolve) => {
		resolve(fetchAreas())
	})
)

export function useAreasState() {
	return useState(state)
}