alice.pds.demo.boltless.dev
This repository has no description
1{{ define "timeline/fragments/vouchSuggestions" }}
2 {{ if and .LoggedInUser .VouchSuggestions }}
3 <div>
4 <div class="flex items-center justify-between">
5 <h3 class="text-xl font-bold dark:text-white flex items-center gap-4 px-4 pb-4">
6 {{ i "shield-plus" "size-5 flex-shrink-0" }}
7 Suggested
8 </h3>
9 <a href="/{{ .LoggedInUser.Did }}?tab=vouches" class="text-sm font-normal hover:no-underline no-underline flex items-center gap-1 pb-4 pr-4">
10 view all {{ i "arrow-right" "size-3.5" }}
11 </a>
12 </div>
13 <div class="flex flex-col gap-4 bg-white dark:bg-gray-800 p-4 border border-gray-200 dark:border-gray-700 shadow-sm">
14 {{ range .VouchSuggestions }}
15 <div class="flex items-center gap-3 ">
16 {{ template "user/fragments/picLink" (list .Did.String "size-10") }}
17 <div class="flex flex-col min-w-0 flex-1">
18 <a href="/{{ resolve .Did.String }}" class="text-sm font-medium dark:text-white hover:underline truncate">{{ resolve .Did.String }}</a>
19 <span class="text-xs text-gray-500 dark:text-gray-400 truncate" title="{{ .Reason }}">{{ .Reason }}</span>
20 </div>
21 <div class="shrink-0">
22 {{ template "user/fragments/vouch" (dict "VouchRelationship" .VouchRelationship) }}
23 </div>
24 </div>
25 {{ end }}
26 </div>
27 </div>
28 {{ end }}
29{{ end }}