62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
|
import { createEffect, createMemo } from 'solid-js'
|
||
|
|
import { createStore } from 'solid-js/store'
|
||
|
|
import { useSession } from './session'
|
||
|
|
import { loadAuthor, useAuthorsStore } from '../stores/zine/authors'
|
||
|
|
import { apiClient } from '../utils/apiClient'
|
||
|
|
import type { ProfileInput } from '../graphql/types.gen'
|
||
|
|
|
||
|
|
const submit = async (profile: ProfileInput) => {
|
||
|
|
try {
|
||
|
|
await apiClient.updateProfile(profile)
|
||
|
|
} catch (error) {
|
||
|
|
console.error(error)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const useProfileForm = () => {
|
||
|
|
const { session } = useSession()
|
||
|
|
const currentSlug = createMemo(() => session()?.user?.slug)
|
||
|
|
const { authorEntities } = useAuthorsStore({ authors: [] })
|
||
|
|
const currentAuthor = createMemo(() => authorEntities()[currentSlug()])
|
||
|
|
|
||
|
|
const [form, setForm] = createStore<ProfileInput>({
|
||
|
|
name: '',
|
||
|
|
bio: '',
|
||
|
|
userpic: '',
|
||
|
|
links: []
|
||
|
|
})
|
||
|
|
|
||
|
|
createEffect(async () => {
|
||
|
|
if (!currentSlug()) return
|
||
|
|
|
||
|
|
try {
|
||
|
|
await loadAuthor({ slug: currentSlug() })
|
||
|
|
setForm({
|
||
|
|
name: currentAuthor()?.name,
|
||
|
|
bio: currentAuthor()?.bio,
|
||
|
|
userpic: currentAuthor()?.userpic,
|
||
|
|
links: currentAuthor()?.links
|
||
|
|
})
|
||
|
|
} catch (error) {
|
||
|
|
console.error(error)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
const updateFormField = (fieldName: string, value: string, remove?: boolean) => {
|
||
|
|
if (fieldName === 'links') {
|
||
|
|
if (remove) {
|
||
|
|
setForm((prev) => ({ ...prev, links: [...prev?.links.filter((item) => item !== value)] }))
|
||
|
|
} else {
|
||
|
|
setForm((prev) => ({ ...prev, links: [...prev?.links, value] }))
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
setForm({
|
||
|
|
[fieldName]: value
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return { form, submit, updateFormField }
|
||
|
|
}
|
||
|
|
|
||
|
|
export { useProfileForm }
|