a5613ebb10
* Begin UI for threads and moderation overhaul * Hide close button on non-report threads * Fix review age coloring * Add project count * Remove action buttons from queue page and add queued date to project page * Hook up to actual data * Remove unused icon * Get up to 1000 projects in queue * prettier * more prettier * Changed all the things * lint * rebuild * Add omorphia * Workaround formatjs bug in ThreadSummary.vue * Fix notifications page on prod * Fix a few notifications and threads bugs * lockfile * Fix duplicate button styles * more fixes and polishing * More fixes * Remove legacy pages * More bugfixes * Add some error catching for reports and notifications * More error handling * fix lint * Add inbox links * Remove loading component and rename member header * Rely on threads always existing * Handle if project update notifs are not grouped * oops * Fix chips on notifications page * Import ModalModeration * finish threads --------- Co-authored-by: triphora <emma@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me>
129 lines
3.0 KiB
JavaScript
129 lines
3.0 KiB
JavaScript
export const useUser = async (force = false) => {
|
|
const user = useState('user', () => {})
|
|
|
|
if (!user.value || force || (user.value && Date.now() - user.value.lastUpdated > 300000)) {
|
|
user.value = await initUser()
|
|
}
|
|
|
|
return user
|
|
}
|
|
|
|
export const initUser = async () => {
|
|
const auth = (await useAuth()).value
|
|
|
|
const user = {
|
|
notifications: [],
|
|
follows: [],
|
|
lastUpdated: 0,
|
|
}
|
|
|
|
if (auth.user && auth.user.id) {
|
|
try {
|
|
const [notifications, follows] = await Promise.all([
|
|
useBaseFetch(`user/${auth.user.id}/notifications`, auth.headers),
|
|
useBaseFetch(`user/${auth.user.id}/follows`, auth.headers),
|
|
])
|
|
|
|
user.notifications = notifications
|
|
user.follows = follows
|
|
user.lastUpdated = Date.now()
|
|
} catch (err) {
|
|
console.error(err)
|
|
}
|
|
}
|
|
|
|
return user
|
|
}
|
|
|
|
export const initUserNotifs = async () => {
|
|
const auth = (await useAuth()).value
|
|
const user = (await useUser()).value
|
|
|
|
if (auth.user && auth.user.id) {
|
|
try {
|
|
user.notifications = await useBaseFetch(`user/${auth.user.id}/notifications`, auth.headers)
|
|
} catch (err) {
|
|
console.error(err)
|
|
}
|
|
}
|
|
}
|
|
|
|
export const initUserFollows = async () => {
|
|
const auth = (await useAuth()).value
|
|
const user = (await useUser()).value
|
|
|
|
if (auth.user && auth.user.id) {
|
|
try {
|
|
user.follows = await useBaseFetch(`user/${auth.user.id}/follows`, auth.headers)
|
|
} catch (err) {
|
|
console.error(err)
|
|
}
|
|
}
|
|
}
|
|
|
|
export const initUserProjects = async () => {
|
|
const auth = (await useAuth()).value
|
|
const user = (await useUser()).value
|
|
|
|
if (auth.user && auth.user.id) {
|
|
try {
|
|
user.projects = await useBaseFetch(`user/${auth.user.id}/projects`, auth.headers)
|
|
} catch (err) {
|
|
console.error(err)
|
|
}
|
|
}
|
|
}
|
|
|
|
export const userFollowProject = async (project) => {
|
|
const auth = (await useAuth()).value
|
|
const user = (await useUser()).value
|
|
|
|
user.follows = user.follows.concat(project)
|
|
project.followers++
|
|
|
|
setTimeout(() => {
|
|
useBaseFetch(`project/${project.id}/follow`, {
|
|
method: 'POST',
|
|
...auth.headers,
|
|
})
|
|
})
|
|
}
|
|
|
|
export const userUnfollowProject = async (project) => {
|
|
const auth = (await useAuth()).value
|
|
const user = (await useUser()).value
|
|
|
|
user.follows = user.follows.filter((x) => x.id !== project.id)
|
|
project.followers--
|
|
|
|
setTimeout(() => {
|
|
useBaseFetch(`project/${project.id}/follow`, {
|
|
method: 'DELETE',
|
|
...auth.headers,
|
|
})
|
|
})
|
|
}
|
|
|
|
export const userDeleteNotification = async (id) => {
|
|
const user = (await useUser()).value
|
|
|
|
user.notifications = user.notifications.filter((x) => x.id !== id)
|
|
}
|
|
|
|
export const userDeleteNotifications = async (ids) => {
|
|
const user = (await useUser()).value
|
|
|
|
user.notifications = user.notifications.filter((x) => !ids.includes(x.id))
|
|
}
|
|
|
|
export const userReadNotifications = async (ids) => {
|
|
const user = (await useUser()).value
|
|
|
|
user.notifications = user.notifications.map((x) => {
|
|
if (ids.includes(x.id)) {
|
|
x.read = true
|
|
}
|
|
return x
|
|
})
|
|
}
|