diff --git a/net/web/src/User/Conversation/Members/MemberItem/MemberItem.jsx b/net/web/src/User/Conversation/Members/MemberItem/MemberItem.jsx index 1c7f5d6a..edf63964 100644 --- a/net/web/src/User/Conversation/Members/MemberItem/MemberItem.jsx +++ b/net/web/src/User/Conversation/Members/MemberItem/MemberItem.jsx @@ -20,6 +20,13 @@ export function MemberItem({ readonly, item }) { onClick={() => actions.setMembership()} /> } + const Unknown = () => { + if (state.handle) { + return <>; + } + return
unknown contact
; + } + return (
@@ -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 {