fix notifcation badge
This commit is contained in:
parent
7db6c3af56
commit
0792810ed4
|
@ -26,7 +26,7 @@ const btnStyle: React.CSSProperties = {
|
||||||
height: 40,
|
height: 40,
|
||||||
};
|
};
|
||||||
|
|
||||||
const UserActions = () => {
|
const UserActions = (props: { mobile?: boolean, onClick?: any }) => {
|
||||||
const { wallet, publicKey } = useWallet();
|
const { wallet, publicKey } = useWallet();
|
||||||
const { whitelistedCreatorsByCreator, store } = useMeta();
|
const { whitelistedCreatorsByCreator, store } = useMeta();
|
||||||
const pubkey = publicKey?.toBase58() || '';
|
const pubkey = publicKey?.toBase58() || '';
|
||||||
|
@ -40,7 +40,26 @@ const UserActions = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{store && (
|
{store && (props.mobile ? (
|
||||||
|
<div className="actions-buttons actions-user">
|
||||||
|
{canCreate && (
|
||||||
|
<Link to={`/art/create`}>
|
||||||
|
<Button onClick={() => {
|
||||||
|
props.onClick ? props.onClick() : null;
|
||||||
|
}} className="black-btn">
|
||||||
|
Create
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
)}
|
||||||
|
<Link to={`/auction/create/0`}>
|
||||||
|
<Button onClick={() => {
|
||||||
|
props.onClick ? props.onClick() : null;
|
||||||
|
}} className="black-btn">
|
||||||
|
Sell
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
|
@ -62,7 +81,7 @@ const UserActions = () => {
|
||||||
</Button>
|
</Button>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
)}
|
))}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -453,6 +472,12 @@ export const CurrentUserBadgeMobile = (props: {
|
||||||
<Button className="black-btn" onClick={disconnect}>
|
<Button className="black-btn" onClick={disconnect}>
|
||||||
Disconnect
|
Disconnect
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div className="actions-buttons">
|
||||||
|
<UserActions mobile onClick={() => {
|
||||||
|
props.closeModal ? props.closeModal() : null;
|
||||||
|
}}/>
|
||||||
</div>
|
</div>
|
||||||
<AddFundsModal
|
<AddFundsModal
|
||||||
setShowAddFundsModal={setShowAddFundsModal}
|
setShowAddFundsModal={setShowAddFundsModal}
|
||||||
|
|
|
@ -41,6 +41,18 @@
|
||||||
flex: auto;
|
flex: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.actions-user{
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
|
a{
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ant-badge{
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.ant-dropdown-menu{
|
.ant-dropdown-menu{
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
|
|
Loading…
Reference in New Issue