You've already forked AstralRinth
forked from didirus/AstralRinth
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>
52 lines
1.5 KiB
Vue
52 lines
1.5 KiB
Vue
<template>
|
|
<div v-if="user.follows.length > 0" class="project-list display-mode--list">
|
|
<ProjectCard
|
|
v-for="project in user.follows"
|
|
:id="project.id"
|
|
:key="project.id"
|
|
:type="project.project_type"
|
|
:categories="project.categories"
|
|
:created-at="project.published"
|
|
:updated-at="project.updated"
|
|
:description="project.description"
|
|
:downloads="project.downloads ? project.downloads.toString() : '0'"
|
|
:icon-url="project.icon_url"
|
|
:name="project.title"
|
|
:client-side="project.client_side"
|
|
:server-side="project.server_side"
|
|
:color="project.color"
|
|
>
|
|
<button class="iconified-button" @click="userUnfollowProject(project)">
|
|
<HeartIcon />
|
|
Unfollow
|
|
</button>
|
|
</ProjectCard>
|
|
</div>
|
|
<div v-else class="error">
|
|
<FollowIllustration class="icon" />
|
|
<br />
|
|
<span class="text"
|
|
>You don't have any followed projects. <br />
|
|
Why don't you <nuxt-link class="link" to="/mods">search</nuxt-link> for new ones?</span
|
|
>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ProjectCard from '~/components/ui/ProjectCard.vue'
|
|
|
|
import HeartIcon from 'assets/images/utils/heart.svg'
|
|
import FollowIllustration from 'assets/images/illustrations/follow_illustration.svg'
|
|
|
|
const user = await useUser()
|
|
if (process.client) {
|
|
await initUserFollows()
|
|
}
|
|
|
|
useHead({ title: 'Followed review - Modrinth' })
|
|
definePageMeta({
|
|
middleware: 'auth',
|
|
})
|
|
</script>
|
|
<style lang="scss" scoped></style>
|