Merge pull request #69 from Onlineberatung/develop

Sync repos
CaritasDeutschland · Jul 19, 2022 · 88b691d · 88b691d
2 parents 42208b9 + 1d9d39f
commit 88b691d
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/sessionsListItem/SessionListItemComponent.tsx b/src/components/sessionsListItem/SessionListItemComponent.tsx
@@ -20,6 +20,8 @@ import {
 	hasUserAuthority,
 	SessionTypeContext,
 	STATUS_FINISHED,
+	TenantContext,
+	TopicSessionInterface,
 	useConsultingType,
 	UserDataContext
 } from '../../globalState';
@@ -56,6 +58,7 @@ export const SessionListItemComponent = ({
 	const { userData } = useContext(UserDataContext);
 	const { type, path: listPath } = useContext(SessionTypeContext);
 	const { isE2eeEnabled } = useContext(E2EEContext);
+	const { tenant } = useContext(TenantContext);
 
 	// Is List Item active
 	const isChatActive =
@@ -70,6 +73,7 @@ export const SessionListItemComponent = ({
 		session.item.lastMessageType === ALIAS_MESSAGE_TYPES.MASTER_KEY_LOST
 	);
 	const [plainTextLastMessage, setPlainTextLastMessage] = useState(null);
+	const topicSession = session.item?.topic as TopicSessionInterface;
 
 	useEffect(() => {
 		if (isE2eeEnabled) {
@@ -297,6 +301,16 @@ export const SessionListItemComponent = ({
 								: null}
 						</div>
 					)}
+					{topicSession?.id && topicSession.name && (
+						<div
+							className="sessionsListItem__topic"
+							style={{
+								backgroundColor: tenant?.theming?.primaryColor
+							}}
+						>
+							{topicSession?.name}
+						</div>
+					)}
 					<div className="sessionsListItem__date">
 						{prettyPrintDate(
 							session.item.messageDate,