@@ -28,6 +35,7 @@ export function MemberItem({ readonly, item }) {
{state.name}
{state.handle}
+
diff --git a/net/web/src/User/Conversation/Members/MemberItem/MemberItem.styled.js b/net/web/src/User/Conversation/Members/MemberItem/MemberItem.styled.js
index 30692e77..3fdc6ef4 100644
--- a/net/web/src/User/Conversation/Members/MemberItem/MemberItem.styled.js
+++ b/net/web/src/User/Conversation/Members/MemberItem/MemberItem.styled.js
@@ -33,6 +33,11 @@ export const MemberItemWrapper = styled.div`
font-weight: bold;
}
+ .unknown {
+ font-style: italic;
+ color: #AAAAAA;
+ }
+
.name {
}
}
diff --git a/net/web/src/User/Conversation/TopicItem/TopicItem.jsx b/net/web/src/User/Conversation/TopicItem/TopicItem.jsx
index 416650c8..bba42057 100644
--- a/net/web/src/User/Conversation/TopicItem/TopicItem.jsx
+++ b/net/web/src/User/Conversation/TopicItem/TopicItem.jsx
@@ -16,6 +16,11 @@ export function TopicItem({ topic }) {
let nameClass = state.name ? 'set' : 'unset';
let d = new Date();
let offset = d.getTime() / 1000 - state.created;
+
+ if (name == null) {
+ name = "unknown contact"
+ nameClass = "unknown"
+ }
const renderAsset = (asset) => {
if (asset.image) {
diff --git a/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js b/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js
index 458637c6..c848aeb2 100644
--- a/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js
+++ b/net/web/src/User/Conversation/TopicItem/TopicItem.styled.js
@@ -38,6 +38,11 @@ export const TopicItemWrapper = styled.div`
color: #888888;
padding-right: 8px;
}
+ .unknown {
+ font-style: italic;
+ color: #aaaaaa;
+ padding-right: 8px;
+ }
}
.message {