add check to canDelete

NyaomiDEV · May 7, 2024 · 2633aec · 2633aec
1 parent f238814
commit 2633aec
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/MemberInList.vue b/src/components/MemberInList.vue
@@ -11,8 +11,9 @@
 	import { Member, getTable } from '../lib/db/entities/members';
 	import { getBlobURL } from '../lib/util/blob';
 
-	const { member } = defineProps<{
-		member: Member
+	const { member, canDelete } = defineProps<{
+		member: Member,
+		canDelete: boolean
 	}>();
 
 	async function removeFromDatabase() {
@@ -30,7 +31,7 @@
 			<!-- TODO: Add tags as chips -> @mecha-cat -->
 		</IonItem>
 		<IonItemOptions>
-			<IonItemOption color="danger" @click="removeFromDatabase()">Delete</IonItemOption>
+			<IonItemOption v-if="canDelete" color="danger" @click="removeFromDatabase()">Delete</IonItemOption>
 		</IonItemOptions>
 	</IonItemSliding>
 </template>
diff --git a/src/views/tabbed/Members.vue b/src/views/tabbed/Members.vue
@@ -39,7 +39,7 @@
 					TODO: Member add/edit modal. If you want to test this view, add a member through Testing Grounds
 				</IonLabel>
 
-				<MemberInList v-for="member in members" :member />
+				<MemberInList v-for="member in members" :member :canDelete="true" />
 			</IonList>
 		</IonContent>
 	</IonPage>