From 4040de8285630caa172ac88efa727f7caeb21462 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathilde=20Hauk=C3=B8=20Haugum?=
 <mathilde_haugum@hotmail.com>
Date: Wed, 8 Nov 2023 08:36:28 +0100
Subject: [PATCH] Add missing info pill desc

---
 .../src/components/InfoPillDescriptions.tsx   | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/InfoPillDescriptions.tsx b/frontend/src/components/InfoPillDescriptions.tsx
index 30792ff4..dd41bd6f 100644
--- a/frontend/src/components/InfoPillDescriptions.tsx
+++ b/frontend/src/components/InfoPillDescriptions.tsx
@@ -1,9 +1,22 @@
 import InfoPill from "@/components/InfoPill";
-import { AlertTriangle, Calendar, Coffee, FileText, Sun } from "react-feather";
+import {
+  AlertTriangle,
+  Briefcase,
+  Calendar,
+  Coffee,
+  FileText,
+  Moon,
+  Sun,
+} from "react-feather";
 
 export default function InfoPillDescriptions() {
   return (
     <div className="mt-8 flex flex-row gap-2">
+      <InfoPill
+        text={"Booking"}
+        colors="bg-primary_l5 text-black"
+        icon={<Briefcase size="12" />}
+      />
       <InfoPill
         text={"Ledig tid"}
         colors="bg-free_light text-free_dark"
@@ -29,6 +42,11 @@ export default function InfoPillDescriptions() {
         colors="bg-overbooking_dark text-overbooking_light"
         icon={<AlertTriangle size="12" />}
       />
+      <InfoPill
+        text={"Fravær"}
+        colors="bg-absence_light text-absence_dark"
+        icon={<Moon size="12" />}
+      />
     </div>
   );
 }