From 820a4a0566d2623100c3f16bdb1cf50723612135 Mon Sep 17 00:00:00 2001
From: Paul Martin <post.meridian.81@gmail.com>
Date: Sat, 21 Sep 2024 14:45:28 -0700
Subject: [PATCH] Added conditional styling of Textrow.tsx element Basically
 the border color of the item changes when the item is archived.

---
 src/components/ItemRow.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ItemRow.tsx b/src/components/ItemRow.tsx
index c63a6ce..0c51c32 100644
--- a/src/components/ItemRow.tsx
+++ b/src/components/ItemRow.tsx
@@ -31,7 +31,7 @@ export default function ItemRow({ item }: ItemRowProps) {
   });
 
   return (
-    <div className="flex items-center gap-2 rounded border p-3">
+    <div className={"flex items-center gap-2 rounded border p-3" + (item.status == Status.ARCHIVED ? " border-red-300":"")}>
       <div>
         <input
           type="checkbox"
@@ -58,7 +58,7 @@ export default function ItemRow({ item }: ItemRowProps) {
       <div>
         <div className="input-group-xs input-group">
           <select
-            className="select-bordered select select-xs"
+            className="select-bordered select select-xs" 
             value={item.status}
             onChange={(e) =>
               itemMutation.mutateAsync({