versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ Add profile viewer

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-12-02 16:07:52 +01:00
parent a6c5093cf5
commit 1194bc4ffb
No known key found for this signature in database
19 changed files with 466 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/notifications/follow-request.vue
View file

@ -1,7 +1,7 @@
<template>
<div v-if="relationship?.requested_by !== false" class="flex flex-row items-center gap-3 p-4">
<NuxtLink class="relative size-10">
<Avatar class="size-10 rounded border border-border">
<Avatar shape="square" class="size-10 border border-border">
<AvatarImage :src="follower.avatar" alt="" />
<AvatarFallback class="rounded-lg"> AA </AvatarFallback>
</Avatar>
@ -43,6 +43,7 @@
import type { Account } from "@versia/client/types";
import { Check, Loader, X } from "lucide-vue-next";
import { toast } from "vue-sonner";
import CopyableText from "~/components/notes/copyable-text.vue";
import { Avatar, AvatarFallback, AvatarImage } from "~/components/ui/avatar";
import { Button } from "~/components/ui/button";

6
components/notifications/notification.vue
View file

@ -1,14 +1,14 @@
<template>
<Card>
<Collapsible>
<Collapsible :default-open="true">
<Tooltip>
<TooltipTrigger :as-child="true">
<CardHeader v-if="notification.account"
class="flex-row items-center gap-2 px-4 py-2 border-b border-border">
<component :is="icon" class="size-5 shrink-0" />
<Avatar class="size-6 rounded-md border border-card">
<Avatar shape="square" class="size-6 border border-card">
<AvatarImage :src="notification.account.avatar" alt="" />
<AvatarFallback class="rounded-lg"> AA </AvatarFallback>
<AvatarFallback> AA </AvatarFallback>
</Avatar>
<span class="font-semibold">{{
notification.account.display_name