|  | @ -11,16 +11,6 @@ | 
			
		
	
		
		
			
				
					|  |  |       <p class="mb-4">Show appreciation to a contact:</p> |  |  |       <p class="mb-4">Show appreciation to a contact:</p> | 
			
		
	
		
		
			
				
					|  |  | 
 |  |  | 
 | 
			
		
	
		
		
			
				
					|  |  |       <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5"> |  |  |       <ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5"> | 
			
		
	
		
		
			
				
					|  |  |         <li @click="openDialog()"> |  |  |  | 
			
		
	
		
		
			
				
					|  |  |           <div class="mb-1"> |  |  |  | 
			
		
	
		
		
			
				
					|  |  |             <fa icon="question-circle" class="fa-fw fa-xl text-slate-400"></fa> |  |  |  | 
			
		
	
		
		
			
				
					|  |  |           </div> |  |  |  | 
			
		
	
		
		
			
				
					|  |  |           <h3 |  |  |  | 
			
		
	
		
		
			
				
					|  |  |             class="text-xs font-medium italic text-ellipsis whitespace-nowrap overflow-hidden" |  |  |  | 
			
		
	
		
		
			
				
					|  |  |           > |  |  |  | 
			
		
	
		
		
			
				
					|  |  |             Anonymous |  |  |  | 
			
		
	
		
		
			
				
					|  |  |           </h3> |  |  |  | 
			
		
	
		
		
			
				
					|  |  |         </li> |  |  |  | 
			
		
	
		
		
			
				
					|  |  |         <li |  |  |         <li | 
			
		
	
		
		
			
				
					|  |  |           v-for="contact in allContacts" |  |  |           v-for="contact in allContacts" | 
			
		
	
		
		
			
				
					|  |  |           :key="contact.did" |  |  |           :key="contact.did" | 
			
		
	
	
		
		
			
				
					|  | @ -39,6 +29,7 @@ | 
			
		
	
		
		
			
				
					|  |  | 
 |  |  | 
 | 
			
		
	
		
		
			
				
					|  |  |       <!-- Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list (we want to limit the grid count above to 8 or 12 accounts to keep it compact) --> |  |  |       <!-- Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list (we want to limit the grid count above to 8 or 12 accounts to keep it compact) --> | 
			
		
	
		
		
			
				
					|  |  |       <router-link |  |  |       <router-link | 
			
		
	
		
		
			
				
					|  |  |  |  |  |         v-if="allContacts.length > 7" | 
			
		
	
		
		
			
				
					|  |  |         :to="{ name: 'contact-gives' }" |  |  |         :to="{ name: 'contact-gives' }" | 
			
		
	
		
		
			
				
					|  |  |         class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md" |  |  |         class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md" | 
			
		
	
		
		
			
				
					|  |  |       > |  |  |       > | 
			
		
	
	
		
		
			
				
					|  | 
 |