Admin/MaterialList add icon

ecamp · Jul 13, 2024 · 5d04cb4 · 5d04cb4
1 parent 3693372
commit 5d04cb4
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/frontend/src/components/material/MaterialListsEdit.vue b/frontend/src/components/material/MaterialListsEdit.vue
@@ -8,6 +8,15 @@
     >
       <template #activator="{ on }">
         <v-list-item exact-path v-on="on">
+          <v-list-item-action>
+            <UserAvatar
+              v-if="materialList.campCollaboration != null"
+              size="24"
+              :camp-collaboration="materialList.campCollaboration()"
+              omit-sr
+            />
+            <v-icon v-else>mdi-format-list-bulleted-square</v-icon>
+          </v-list-item-action>
           <v-list-item-content>
             <v-list-item-title>{{ materialList.name }}</v-list-item-title>
           </v-list-item-content>
@@ -20,12 +29,13 @@
   </v-list>
 </template>
 <script>
+import UserAvatar from '@/components/user/UserAvatar.vue'
 import ButtonEdit from '@/components/buttons/ButtonEdit.vue'
 import DialogMaterialListEdit from '@/components/campAdmin/DialogMaterialListEdit.vue'
 
 export default {
   name: 'MaterialListsEdit',
-  components: { ButtonEdit, DialogMaterialListEdit },
+  components: { UserAvatar, ButtonEdit, DialogMaterialListEdit },
   props: {
     materialLists: {
       type: Object,