Files
remanso/src/modules/repo/hooks/useFavoriteRepos.hook.ts

48 lines
1.3 KiB
TypeScript

import { computed, onMounted, ref } from 'vue'
import { DataType } from '@/data/DataType.enum'
import { FavoriteRepo } from '@/modules/models/FavoriteRepo'
import { RepoBase } from '@/modules/interfaces/RepoBase'
import { data } from '@/data/data'
import { useRepos } from '@/hooks/useRepos.hook'
export const useFavoriteRepos = () => {
const { repos } = useRepos()
const savedRepos = ref<FavoriteRepo[]>([])
const getFavorites = async () => {
savedRepos.value = await data.getAll<DataType.FavoriteRepo, FavoriteRepo>({
prefix: DataType.FavoriteRepo,
keys: repos.value.map((repo) => repo.id)
})
}
const savedFavoriteRepos = computed(() =>
savedRepos.value.filter((repo) => repo.isFavorite)
)
onMounted(() => {
getFavorites()
})
const toggleFavorite = async (repo: RepoBase, isFavorite: boolean) => {
const favorite: FavoriteRepo = {
_id: data.generateId(DataType.FavoriteRepo, repo.id),
$type: DataType.FavoriteRepo,
isFavorite,
name: repo.name,
isPrivate: repo.isPrivate
}
await data.update(favorite)
await getFavorites()
}
return {
savedRepos,
savedFavoriteRepos,
addFavorite: (repo: RepoBase) => toggleFavorite(repo, true),
removeFavorite: (repo: RepoBase) => toggleFavorite(repo, false)
}
}