${nameMenu}
${levelFounder}
@@ -576,29 +213,29 @@ class MessageTemplate extends LitElement {
${unsafeHTML(this.emojiPicker.parse(this.escapeHTML(this.messageObj.decodedMessage)))}
this.showPrivateMessageModal()}
- .showBlockUserModal=${() => this.showBlockUserModal()}
- .showBlockIconFunc=${(props) => this.showBlockIconFunc(props)}
- .showBlockAddressIcon=${this.showBlockAddressIcon}
- @blur=${() => this.showBlockIconFunc(false)}
+ tabindex="0"
+ class="chat-hover"
+ style=${this.showBlockAddressIcon && "display: block"}
+ toblockaddress="${this.messageObj.sender}"
+ .showPrivateMessageModal=${() => this.showPrivateMessageModal()}
+ .showBlockUserModal=${() => this.showBlockUserModal()}
+ .showBlockIconFunc=${(props) => this.showBlockIconFunc(props)}
+ .showBlockAddressIcon=${this.showBlockAddressIcon}
+ @blur=${() => this.showBlockIconFunc(false)}
>
this.hidePrivateMessageModal()}
- .hideBlockUserModal=${() => this.hideBlockUserModal()}
- toblockaddress=${this.messageObj.sender}
+ .openDialogPrivateMessage=${this.openDialogPrivateMessage}
+ .openDialogBlockUser=${this.openDialogBlockUser}
+ nametodialog="${this.messageObj.senderName ? this.messageObj.senderName : this.messageObj.sender}"
+ .hidePrivateMessageModal=${() => this.hidePrivateMessageModal()}
+ .hideBlockUserModal=${() => this.hideBlockUserModal()}
+ toblockaddress=${this.messageObj.sender}
>
- `;
+ `
}
}
@@ -614,7 +251,7 @@ class ChatMenu extends LitElement {
toblockaddress: { type: String, attribute: true },
showBlockIconFunc: {type: Function},
showBlockAddressIcon: {type: Boolean}
- };
+ }
}
constructor() {
@@ -624,98 +261,9 @@ class ChatMenu extends LitElement {
this.showBlockUserModal = () => {};
}
- static get styles() {
- return css`
- .container {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 5px;
- background-color: white;
- border: 1px solid #dad9d9;
- border-radius: 5px;
- height:100%;
- width: 100px;
- position: relative;
- }
-
- .menu-icon {
- width: 100%;
- padding: 5px;
- display: flex;
- align-items: center;
- font-size: 13px;
- }
-
- .menu-icon:hover {
- background-color: #dad9d9;
- transition: all 0.1s ease-in-out;
- cursor: pointer;
- }
-
- .tooltip {
- position: relative;
- }
-
- .tooltip:before {
- content: attr(data-text);
- position: absolute;
- top: -47px;
- left: 50%;
- transform: translateX(-50%);
- width: 90px;
- padding: 10px;
- border-radius: 10px;
- background:#fff;
- color: #000;
- text-align: center;
- box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
- font-size: 12px;
- z-index: 5;
- display: none;
- }
-
- .tooltip:hover:before {
- display: block;
- }
-
- .tooltip:after {
- content: "";
- position: absolute;
- margin-top: -7px;
- top: -7px;
- border: 10px solid #fff;
- border-color: white transparent transparent transparent;
- z-index: 5;
- display: none;
- }
-
- .tooltip:hover:before, .tooltip:hover:after {
- display: block;
- }
-
- .block-user-container {
- display: block;
- position: absolute;
- left: -48px;
- }
-
- .block-user {
- justify-content: space-between;
- border: 1px solid rgb(218, 217, 217);
- border-radius: 5px;
- background-color: white;
- width: 100%;
- height: 32px;
- padding: 3px 8px;
- box-shadow: rgba(77, 77, 82, 0.2) 0px 7px 29px 0px;
- }
-
- `
- }
+ static styles = [chatStyles]
// Copy address to clipboard
-
async copyToClipboard(text) {
try {
let copyString1 = get("walletpage.wchange4")
@@ -729,33 +277,32 @@ class ChatMenu extends LitElement {
}
render() {
-
return html`
-