From 46a4cd0753fa796249b10cc68af16318d9fa7cfd Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 13 Jan 2024 18:27:09 -0600
Subject: [PATCH] Items: display a checkmark when item is purchased

---
 src/features/items/index.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/features/items/index.tsx b/src/features/items/index.tsx
index 747046c15..fb02b6295 100644
--- a/src/features/items/index.tsx
+++ b/src/features/items/index.tsx
@@ -3,7 +3,7 @@ import { type Event } from 'nostr-tools';
 import React from 'react';
 import { FormattedNumber } from 'react-intl';
 
-import { Button, Column, HStack, Text, Tooltip } from 'soapbox/components/ui';
+import { Button, Column, HStack, Icon, Text, Tooltip } from 'soapbox/components/ui';
 import { type Account } from 'soapbox/schemas';
 
 interface SoapboxItem {
@@ -99,7 +99,16 @@ const Item: React.FC<SoapboxItem> = ({ id, name, image, account, price }) => {
   }
 
   return (
-    <div key={id} className='flex flex-col gap-3 text-center'>
+    <div key={id} className='relative flex flex-col gap-3 text-center'>
+      {purchased && (
+        <div className='absolute right-0 top-0'>
+          <Icon
+            className='text-green-500'
+            src={require('@tabler/icons/discount-check-filled.svg')}
+          />
+        </div>
+      )}
+
       <img
         className='aspect-1 rounded-lg object-contain'
         src={image}