finished object endpoints
Added writing (tested) and deleting (untested) endpoints
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<Menu as="div" class="relative inline-block">
|
||||
<Menu v-if="user" as="div" class="relative inline-block">
|
||||
<MenuButton>
|
||||
<HeaderWidget>
|
||||
<div class="inline-flex items-center text-zinc-300 hover:text-white">
|
||||
<img :src="userData.image" class="w-5 h-5 rounded-sm" />
|
||||
<span class="ml-2 text-sm font-bold">{{ userData.name }}</span>
|
||||
<img :src="useObject(user.profilePicture)" class="w-5 h-5 rounded-sm" />
|
||||
<span class="ml-2 text-sm font-bold">{{ user.displayName }}</span>
|
||||
<ChevronDownIcon class="ml-3 h-4" />
|
||||
</div>
|
||||
</HeaderWidget>
|
||||
@@ -14,13 +14,13 @@
|
||||
enter-from-class="transform opacity-0 scale-95" enter-to-class="transform opacity-100 scale-100"
|
||||
leave-active-class="transition ease-in duration-75" leave-from-class="transform opacity-100 scale-100"
|
||||
leave-to-class="transform opacity-0 scale-95">
|
||||
<MenuItems class="absolute right-0 top-10 z-10 w-56 origin-top-right focus:outline-none">
|
||||
<MenuItems class="absolute right-0 top-10 z-10 w-56 origin-top-right focus:outline-none shadow-md">
|
||||
<PanelWidget class="flex-col gap-y-2">
|
||||
<NuxtLink to="/id/me"
|
||||
class="transition inline-flex items-center w-full py-3 px-4 hover:bg-zinc-800">
|
||||
<div class="inline-flex items-center text-zinc-300">
|
||||
<img :src="userData.image" class="w-5 h-5 rounded-sm" />
|
||||
<span class="ml-2 text-sm font-bold">{{ userData.name }}</span>
|
||||
<img :src="useObject(user.profilePicture)" class="w-5 h-5 rounded-sm" />
|
||||
<span class="ml-2 text-sm font-bold">{{ user.displayName }}</span>
|
||||
</div>
|
||||
</NuxtLink>
|
||||
<div class="h-0.5 rounded-full w-full bg-zinc-800" />
|
||||
@@ -43,11 +43,9 @@ import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
|
||||
import { ChevronDownIcon } from '@heroicons/vue/16/solid';
|
||||
import type { NavigationItem } from '../composables/types';
|
||||
import HeaderWidget from './HeaderWidget.vue';
|
||||
import { useObject } from '~/composables/objects';
|
||||
|
||||
const userData = {
|
||||
image: "https://avatars.githubusercontent.com/u/64579723?v=4",
|
||||
name: "DecDuck",
|
||||
}
|
||||
const user = useUser();
|
||||
|
||||
const navigation: NavigationItem[] = [
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user