diff --git a/packages/react-chat/src/components/Chat/ChatInput.tsx b/packages/react-chat/src/components/Chat/ChatInput.tsx
index ddb241fd..63f3d513 100644
--- a/packages/react-chat/src/components/Chat/ChatInput.tsx
+++ b/packages/react-chat/src/components/Chat/ChatInput.tsx
@@ -31,7 +31,7 @@ interface ChatInputProps {
}
export function ChatInput({ reply, setReply }: ChatInputProps) {
- const { sendMessage } = useMessengerContext();
+ const { sendMessage, contacts } = useMessengerContext();
const theme = useTheme() as Theme;
const [content, setContent] = useState("");
const [clearComponent, setClearComponent] = useState("");
@@ -254,7 +254,8 @@ export function ChatInput({ reply, setReply }: ChatInputProps) {
{" "}
{" "}
- {reply.sender}
+ {contacts[reply.sender]?.customName ??
+ contacts[reply.sender].trueName}
{reply.content}
{reply.image && }
diff --git a/packages/react-chat/src/components/Members/Member.tsx b/packages/react-chat/src/components/Members/Member.tsx
index e3c39652..e570ddd9 100644
--- a/packages/react-chat/src/components/Members/Member.tsx
+++ b/packages/react-chat/src/components/Members/Member.tsx
@@ -6,6 +6,7 @@ import { Contact } from "../../models/Contact";
import { ContactMenu } from "../Form/ContactMenu";
import { Icon } from "../Icons/Icon";
import { UserIcon } from "../Icons/UserIcon";
+import { UserAddress } from "../Messages/Styles";
interface MemberProps {
contact: Contact;
@@ -47,7 +48,10 @@ export function Member({
{showMenu && }
- {contact?.customName ?? contact.id}
+ {contact?.customName ?? contact.trueName}
+
+ {contact.id.slice(0, 5)}...{contact.id.slice(-3)}
+
);
}
@@ -69,6 +73,7 @@ export const MemberName = styled.p`
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
+ margin-right: 4px;
`;
export const MemberIcon = styled(Icon)`
diff --git a/packages/react-chat/src/components/Messages/MessageQuote.tsx b/packages/react-chat/src/components/Messages/MessageQuote.tsx
index 54dbaa6c..c006164a 100644
--- a/packages/react-chat/src/components/Messages/MessageQuote.tsx
+++ b/packages/react-chat/src/components/Messages/MessageQuote.tsx
@@ -1,6 +1,7 @@
import React, { useCallback } from "react";
import styled from "styled-components";
+import { useMessengerContext } from "../../contexts/messengerProvider";
import { ChatMessage } from "../../models/ChatMessage";
import { ReplyOn, ReplyTo } from "../Chat/ChatInput";
import { QuoteSvg } from "../Icons/QuoteIcon";
@@ -21,6 +22,7 @@ type MessageQuoteProps = {
};
export function MessageQuote({ quote }: MessageQuoteProps) {
+ const { contacts } = useMessengerContext();
const quoteClick = useCallback(() => {
if (quote) {
const quoteDiv = document.getElementById(quote.id);
@@ -42,13 +44,15 @@ export function MessageQuote({ quote }: MessageQuoteProps) {
}
}, [quote]);
- if (quote) {
+ if (quote && quote.sender) {
return (
{" "}
- {quote.sender}
+ {" "}
+ {contacts[quote.sender]?.customName ??
+ contacts[quote.sender].trueName}
{quote.content}
{quote.image && }
diff --git a/packages/react-chat/src/components/SearchBlock.tsx b/packages/react-chat/src/components/SearchBlock.tsx
index b493f99a..4f88b438 100644
--- a/packages/react-chat/src/components/SearchBlock.tsx
+++ b/packages/react-chat/src/components/SearchBlock.tsx
@@ -23,7 +23,12 @@ export const SearchBlock = ({
const searchList = useMemo(() => {
return Object.values(contacts)
- .filter((member) => member.id.includes(query))
+ .filter(
+ (member) =>
+ member.id.includes(query) ||
+ member?.customName?.includes(query) ||
+ member.trueName.includes(query)
+ )
.filter((member) => !discludeList.includes(member.id));
}, [query, discludeList, contacts]);
@@ -35,16 +40,13 @@ export const SearchBlock = ({
style={{ [onBotttom ? "bottom" : "top"]: "calc(100% + 24px)" }}
>
- {Object.values(contacts)
- .filter((member) => member.id.includes(query))
- .filter((member) => !discludeList.includes(member.id))
- .map((member) => (
- onClick(member.id)}
- />
- ))}
+ {searchList.map((member) => (
+ onClick(member.id)}
+ />
+ ))}
);
diff --git a/packages/status-communities/src/messenger.ts b/packages/status-communities/src/messenger.ts
index 1d9fc065..3d55bc6e 100644
--- a/packages/status-communities/src/messenger.ts
+++ b/packages/status-communities/src/messenger.ts
@@ -223,7 +223,6 @@ export class Messenger {
callback(messages.filter(isDefined));
}
};
- console.log(`querying ${chat.contentTopic} for ${startTime} to ${endTime}`);
const allMessages = await this.waku.store.queryHistory(
[chat.contentTopic],
{
@@ -231,10 +230,6 @@ export class Messenger {
callback: _callback,
}
);
- console.log(
- `ended querying ${chat.contentTopic} for ${startTime} to ${endTime}`
- );
-
return allMessages.length;
}