#120 - fix

resources/js/Shared/Widgets/AbsenceList.vue

@@ -25,11 +25,6 @@
             </p>
           </div>
         </li>
-        <li v-if="! absences.length">
-          <p class="py-2">
-            Brak danych
-          </p>
-        </li>
       </ul>
     </div>
   </section>

resources/js/Shared/Widgets/HomeOfficeList.vue

@@ -0,0 +1,37 @@
+<template>
+  <section class="bg-white shadow-md">
+    <div class="p-4 sm:px-6">
+      <h2 class="text-lg font-medium leading-6 text-gray-900">
+        Dzisiejsza praca zdalna
+      </h2>
+    </div>
+    <div class="px-4 border-t border-gray-200 sm:px-6">
+      <ul class="divide-y divide-gray-200">
+        <li
+          v-for="day in remoteDays"
+          :key="day.user.id"
+          class="flex py-4"
+        >
+          <img
+            class="w-10 h-10 rounded-full"
+            :src="day.user.avatar"
+          >
+          <div class="ml-3">
+            <p class="text-sm font-medium text-gray-900">
+              {{ day.user.name }}
+            </p>
+            <p class="text-sm text-gray-500">
+              {{ day.user.email }}
+            </p>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </section>
+</template>
+
+<script setup>
+defineProps({
+  remoteDays: Object,
+})
+</script>