34d63f3557
* 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 * New authentication (#1234) * Initial new auth work * more auth pages * Finish most * more * fix on landing page * Finish everything but PATs + Sessions * fix threads merge bugs * fix cf pages ssr * fix most issues * Finish authentication * Fix merge --------- Co-authored-by: triphora <emma@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
48 lines
1.5 KiB
Vue
48 lines
1.5 KiB
Vue
<template>
|
|
<div class="normal-page">
|
|
<div class="normal-page__sidebar">
|
|
<aside class="universal-card">
|
|
<h1>Settings</h1>
|
|
<NavStack>
|
|
<NavStackItem link="/settings" label="Appearance">
|
|
<PaintbrushIcon />
|
|
</NavStackItem>
|
|
<template v-if="auth.user">
|
|
<h3>User settings</h3>
|
|
<NavStackItem link="/settings/account" label="Account">
|
|
<UserIcon />
|
|
</NavStackItem>
|
|
<NavStackItem link="/settings/pats" label="PATs">
|
|
<KeyIcon />
|
|
</NavStackItem>
|
|
<NavStackItem link="/settings/sessions" label="Sessions">
|
|
<ShieldIcon />
|
|
</NavStackItem>
|
|
<NavStackItem link="/settings/monetization" label="Monetization">
|
|
<CurrencyIcon />
|
|
</NavStackItem>
|
|
</template>
|
|
</NavStack>
|
|
</aside>
|
|
</div>
|
|
<div class="normal-page__content">
|
|
<NuxtPage :route="route" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import NavStack from '~/components/ui/NavStack.vue'
|
|
import NavStackItem from '~/components/ui/NavStackItem.vue'
|
|
|
|
import PaintbrushIcon from '~/assets/images/utils/paintbrush.svg'
|
|
import UserIcon from '~/assets/images/utils/user.svg'
|
|
import CurrencyIcon from '~/assets/images/utils/currency.svg'
|
|
import ShieldIcon from '~/assets/images/utils/shield.svg'
|
|
import KeyIcon from '~/assets/images/utils/key.svg'
|
|
|
|
const route = useRoute()
|
|
const auth = await useAuth()
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|