From 877d0388cb7b986fcf0bc7d571e38df08d471537 Mon Sep 17 00:00:00 2001
From: ThesllaDev <theslladev@gmail.com>
Date: Fri, 17 May 2024 18:24:48 -0300
Subject: [PATCH 1/2] feat: Add color legend for donation items

---
 .../ShelterListView/ShelterListView.tsx       | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/pages/Home/components/ShelterListView/ShelterListView.tsx b/src/pages/Home/components/ShelterListView/ShelterListView.tsx
index ec57fc7b..74f522c6 100644
--- a/src/pages/Home/components/ShelterListView/ShelterListView.tsx
+++ b/src/pages/Home/components/ShelterListView/ShelterListView.tsx
@@ -87,6 +87,25 @@ const ShelterListView = React.forwardRef<HTMLDivElement, IShelterListViewProps>(
             </Button>
           )}
         </div>
+				<div>
+					<p>
+						<strong>Legenda dos itens para doação</strong>
+					</p>
+					<ul>
+						<li className="flex gap-2 items-center">
+							<div className="w-4 h-4 rounded-md bg-light-red"></div>
+							Necessita urgente
+						</li>
+						<li className="flex gap-2 items-center">
+							<div className="w-4 h-4 rounded-md bg-light-orange"></div>
+							Precisa
+						</li>
+						<li className="flex gap-2 items-center">
+							<div className="w-4 h-4 rounded-md bg-light-green"></div>
+							Disponível para doação
+						</li>
+					</ul>
+				</div>
         <main ref={ref} className="flex flex-col gap-4" {...rest}>
           {loading ? (
             <LoadingSkeleton amountItems={4} />

From 931df898976e738afc807bdedcde88733a3ee509 Mon Sep 17 00:00:00 2001
From: ThesllaDev <ThesllaDev@gmail.com>
Date: Sat, 18 May 2024 11:51:54 -0300
Subject: [PATCH 2/2] fix: code formatting and indentation