mealie/frontend/composables/use-groups.ts
2022-05-21 11:22:02 -08:00

80 lines
1.8 KiB
TypeScript

import { useAsync, ref } from "@nuxtjs/composition-api";
import { useAsyncKey } from "./use-utils";
import { useUserApi } from "~/composables/api";
import { GroupBase } from "~/types/api-types/user";
export const useGroupSelf = function () {
const api = useUserApi();
const actions = {
get() {
const group = useAsync(async () => {
const { data } = await api.groups.getCurrentUserGroup();
return data;
}, useAsyncKey());
return group;
},
async updatePreferences() {
if (!group.value?.preferences) {
return;
}
const { data } = await api.groups.setPreferences(group.value.preferences);
if (data) {
group.value.preferences = data;
}
},
};
const group = actions.get();
return { actions, group };
};
export const useGroups = function () {
const api = useUserApi();
const loading = ref(false);
function getAllGroups() {
loading.value = true;
const asyncKey = String(Date.now());
const groups = useAsync(async () => {
const { data } = await api.groups.getAll();
return data;
}, asyncKey);
loading.value = false;
return groups;
}
async function refreshAllGroups() {
loading.value = true;
const { data } = await api.groups.getAll();
groups.value = data;
loading.value = false;
}
async function deleteGroup(id: string | number) {
loading.value = true;
const { data } = await api.groups.deleteOne(id);
loading.value = false;
refreshAllGroups();
return data;
}
async function createGroup(payload: GroupBase) {
loading.value = true;
const { data } = await api.groups.createOne(payload);
if (data && groups.value) {
groups.value.push(data);
}
}
const groups = getAllGroups();
return { groups, getAllGroups, refreshAllGroups, deleteGroup, createGroup };
};