Add description to maps status

dennis-adrian · Jul 1, 2024 · 24a16e0 · 24a16e0
1 parent 6b6c757
commit 24a16e0
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/app/components/festivals/sectors/festival-sector.tsx b/app/components/festivals/sectors/festival-sector.tsx
@@ -1,9 +1,7 @@
-import CategoryBadge from "@/app/components/category-badge";
 import MapImage from "@/app/components/festivals/map-image";
 import ParticipantsGrid from "@/app/components/festivals/participants";
 import FestivalSectorTitle from "@/app/components/festivals/sectors/sector-title";
 import { FestivalSectorWithStandsWithReservationsWithParticipants } from "@/app/lib/festival_sectors/definitions";
-import { getFestivalSectorAllowedCategories } from "@/app/lib/festival_sectors/helpers";
 
 type FestivalSectorProps = {
   sector: FestivalSectorWithStandsWithReservationsWithParticipants;
@@ -13,6 +11,26 @@ export default function FestivalSector(props: FestivalSectorProps) {
   return (
     <div key={props.sector.id}>
       <FestivalSectorTitle sector={props.sector} />
+      <div className="my-4">
+        <ul>
+          <li className="flex items-center gap-2">
+            <div className="w-[16px] h-[16px] bg-white border"></div>
+            Disponible
+          </li>
+          <li className="flex items-center gap-2">
+            <div className="w-[16px] h-[16px] bg-emerald-200"></div>
+            Reservado
+          </li>
+          <li className="flex items-center gap-2">
+            <div className="w-[16px] h-[16px] bg-rose-600"></div>
+            Confirmado
+          </li>
+          <li className="flex items-center gap-2">
+            <div className="bg-zinc-800 w-[16px] h-[16px]"></div>
+            Deshabilitado
+          </li>
+        </ul>
+      </div>
       {props.sector.stands.length > 0 && props.sector.mapUrl ? (
         <div className="flex flex-wrap gap-4 justify-center">
           <div className="flex flex-col items-center gap-2">