add warning icon for outdated merchants

src/lib/map/setup.ts

@@ -1034,7 +1034,9 @@ ${
 										? `<span title="Verified within the last year"><svg width='16px' height='16px' class='inline text-primary dark:text-white'>
 												<use width='16px' height='16px' href="/icons/popup/spritesheet.svg#verified"></use>
 											</svg></span>`
-										: ''
+										: `<span title="Outdated please re-verify"><svg width='16px' height='16px' class='inline text-primary dark:text-white'>
+												<use width='16px' height='16px' href="/icons/popup/spritesheet.svg#outdated"></use>
+											</svg></span>`
 								}`
 							: '<span title="Not verified">---</span>'
 					}

src/routes/merchant/[id]/+page.svelte

@@ -245,6 +245,7 @@
 	let lnTooltip: HTMLImageElement;
 	let nfcTooltip: HTMLImageElement;
 	let verifiedTooltip: HTMLSpanElement;
+	let outdatedTooltip: HTMLSpanElement;
 
 	$: thirdPartyTooltip &&
 		merchant &&
@@ -290,6 +291,11 @@
 			content: 'Verified within the last year'
 		});
 
+	$: outdatedTooltip &&
+		tippy([outdatedTooltip], {
+			content: 'Outdated please re-verify'
+		});
+
 	let lat: number | undefined;
 	let long: number | undefined;
 
@@ -701,6 +707,16 @@
 												type="popup"
 											/>
 										</span>
+									{:else}
+										<span bind:this={outdatedTooltip}>
+											<Icon
+												w="30"
+												h="30"
+												style="text-primary dark:text-white mr-2"
+												icon="outdated"
+												type="popup"
+											/>
+										</span>
 									{/if}
 									<strong>{verified[0]}</strong>
 								</div>