oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

Hide send message button on ownAccount profile

Browse Source
This commit is contained in:
marcoelissa 2022-11-10 14:43:39 +07:00
parent 02ccf24964
commit 237fd44d6c
1 changed files with 27 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/Profile/Header/index.tsx
View File

@ -27,7 +27,7 @@ export default function AccountHeader({
}: { }: {
accountId: string accountId: string
}): ReactElement { }): ReactElement {
const { profile } = useProfile() const { profile, ownAccount } = useProfile()
const { orbis, setConvOpen, setConversationId, conversations } = useOrbis() const { orbis, setConvOpen, setConversationId, conversations } = useOrbis()
const [isShowMore, setIsShowMore] = useState(false) const [isShowMore, setIsShowMore] = useState(false)
const [userDid, setUserDid] = useState<string>() const [userDid, setUserDid] = useState<string>()
@ -51,6 +51,19 @@ export default function AccountHeader({
console.log('clicked') console.log('clicked')
} }
const checkConversation = () => {
const filtered = conversations.filter(
(conversation: OrbisConversationInterface) => {
// console.log(conversation)
console.log(userDid)
return conversation.recipients.includes(userDid)
}
)
if (!filtered.length && userDid) {
createConversation()
}
}
useEffect(() => { useEffect(() => {
const getDid = async () => { const getDid = async () => {
const { data, error } = await orbis.getDids(accountId) const { data, error } = await orbis.getDids(accountId)
@ -79,21 +92,6 @@ export default function AccountHeader({
} }
}, [orbis, accountId]) }, [orbis, accountId])
const checkConversation = () => {
const filtered = conversations.filter(
(conversation: OrbisConversationInterface) => {
// console.log(conversation)
console.log(userDid)
return conversation.recipients.includes(userDid)
}
)
if (!filtered.length) {
if (userDid) {
createConversation()
}
}
}
return ( return (
<div className={styles.grid}> <div className={styles.grid}>
<div> <div>
@ -102,17 +100,19 @@ export default function AccountHeader({
</div> </div>
<div> <div>
<div className={styles.buttonWrap}> {!ownAccount && (
<Button <div className={styles.buttonWrap}>
style="primary" <Button
size="small" style="primary"
className={styles.sendMessage} size="small"
disabled={!userDid} className={styles.sendMessage}
onClick={checkConversation} disabled={!userDid}
> onClick={checkConversation}
Send Messages >
</Button> Send Messages
</div> </Button>
</div>
)}
<Markdown text={profile?.description} className={styles.description} /> <Markdown text={profile?.description} className={styles.description} />
{isDescriptionTextClamped() ? ( {isDescriptionTextClamped() ? (
<span className={styles.more} onClick={toogleShowMore}> <span className={styles.more} onClick={toogleShowMore}>