From 98d14f54dd1c8e43371dc72d4a3bebebd38b3368 Mon Sep 17 00:00:00 2001
From: Sam Chau <chaucted@gmail.com>
Date: Fri, 10 Jan 2025 00:25:00 +1030
Subject: [PATCH] feat: add 'Unique' tag display in ArrCard component for
 unique imports

---
 frontend/src/components/settings/arrs/ArrCard.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/settings/arrs/ArrCard.jsx b/frontend/src/components/settings/arrs/ArrCard.jsx
index 3f7d78c..2e6c460 100644
--- a/frontend/src/components/settings/arrs/ArrCard.jsx
+++ b/frontend/src/components/settings/arrs/ArrCard.jsx
@@ -72,10 +72,18 @@ const ArrCard = ({
                             <span
                                 key={index}
                                 className='px-2 py-0.5 text-xs font-medium rounded-full
-                         bg-blue-500/20 text-blue-300 border border-blue-500/20'>
+                                     bg-blue-500/20 text-blue-300 border border-blue-500/20'>
                                 {tag}
                             </span>
                         ))}
+                        {import_as_unique && (
+                            <span
+                                className='px-2 py-0.5 text-xs font-medium rounded-full
+                                     bg-green-500/20 text-green-300 border border-green-500/20
+                                     flex items-center'>
+                                Unique
+                            </span>
+                        )}
                     </div>
                 </div>