Handling ICAL import

app/Domains/Dashboard/Views/Dashboard.vue

@@ -2,9 +2,11 @@
 import AppLayout from '../../../../resources/js/layouts/AppLayout.vue'
 import ShadowedBox from "../../../Views/Components/ShadowedBox.vue";
 import MyInvoices from "./Partials/Widgets/MyInvoices.vue";
+import MyParticipations from "./Partials/Widgets/MyParticipations.vue";
 
 const props = defineProps({
     myInvoices: Object,
+    myParticipations: Object,
 })
 
 
@@ -18,10 +20,10 @@ function newInvoice() {
     <AppLayout title='Dashboard'>
         <diV class="dashboard-widget-container">
             <shadowed-box class="dashboard-widget-box" style="width: 60%;">
-                Meine Anmeldungen
+                <MyParticipations />
             </shadowed-box>
 
-            <shadowed-box  class="dashboard-widget-box">
+            <shadowed-box  class="dashboard-widget-box" style="height: 275px;">
                 <MyInvoices />
                 <input type="button" value="Neue Abrechnung" @click="newInvoice" style="margin-top: 20px;">
 
@@ -45,4 +47,15 @@ function newInvoice() {
     flex-grow: 1; display: inline-block;
      margin: 0 10px;
 }
+
+.dashboard-widget-box h2 {
+    border-color: #c0c0c0;
+    border-left-width: 40px;
+    border-left-style: solid;
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    padding: 5px 10px;
+    font-size: 13pt;
+}
+
 </style>