archived member - show differently

NyaomiDEV · Aug 4, 2024 · 77fcc3e · 77fcc3e
1 parent 822b3ba
commit 77fcc3e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/member/MemberAvatar.vue b/src/components/member/MemberAvatar.vue
@@ -12,7 +12,7 @@
 </script>
 
 <template>
-	<IonAvatar class="with-outline" :style="{ outlineColor: props.member.color }" v-if="props.member.image">
+	<IonAvatar class="with-outline" :style="{ outlineColor: props.member.color, opacity: props.member.isArchived ? 0.5 : 1}" v-if="props.member.image">
 		<img aria-hidden="true" :src="getBlobURL(props.member.image)" />
 	</IonAvatar>
 </template>

diff --git a/src/components/member/MemberLabel.vue b/src/components/member/MemberLabel.vue
@@ -15,9 +15,8 @@
 		<p>
 			{{
 				[
-					props.member.role,
 					props.member.isCustomFront ? $t("members:edit.customFront") : null,
-					props.member.isArchived ? $t("members:edit.archived") : null
+					props.member.role,
 				].filter(Boolean).join(" - ")
 			}}
 		</p>

diff --git a/src/views/tabbed/Members.vue b/src/views/tabbed/Members.vue
@@ -26,6 +26,7 @@
 		arrowDownCircleOutline as unsetMainFronterIOS,
 		ellipseOutline as mainFronterIOS,
 		personCircleOutline as setAsFrontIOS,
+		archiveOutline as archivedIOS
 	} from "ionicons/icons";
 
 	import addMD from "@material-design-icons/svg/outlined/add.svg";
@@ -35,6 +36,7 @@
 	import unsetMainFronterMD from "@material-design-icons/svg/outlined/arrow_circle_down.svg";
 	import mainFronterMD from "@material-design-icons/svg/outlined/circle.svg";
 	import setAsFrontMD from "@material-design-icons/svg/outlined/person_pin_circle.svg";
+	import archivedMD from "@material-design-icons/svg/outlined/archive.svg";
 
 	import MemberEdit from '../../modals/MemberEdit.vue';
 	import { Member } from '../../lib/db/entities/members';
@@ -168,6 +170,7 @@
 					<IonItem button @pointerdown="startPress(member)" @pointerup="endPress(member, false)" @pointermove="endPress(member, true)" :style="getHighlightLevel(member)">
 						<MemberAvatar slot="start" :member />
 						<MemberLabel :member />
+						<IonIcon slot="end" :ios="archivedIOS" :md="archivedMD" v-if="member.isArchived" />
 						<IonIcon slot="end" :ios="mainFronterIOS" :md="mainFronterMD" v-if="getCurrentFrontEntryForMember(member)?.isMainFronter" />
 					</IonItem>
 					<IonItemOptions @ionSwipe="drag(member)">