Fix boost menu bug

This commit is contained in:
Lim Chee Aun 2023-07-18 18:45:38 +08:00
parent 92a4f502a0
commit 38a13b07c5

View file

@ -538,7 +538,7 @@ function Status({
confirmLabel={ confirmLabel={
<> <>
<Icon icon="rocket" /> <Icon icon="rocket" />
<span>Unboost?</span> <span>{reblogged ? 'Unboost?' : 'Boost to everyone?'}</span>
</> </>
} }
menuFooter={ menuFooter={
@ -1239,19 +1239,25 @@ function Status({
disabled={!canBoost} disabled={!canBoost}
/> />
</div> */} </div> */}
<Menu <MenuConfirm
portal={{ disabled={!canBoost}
target: onClick={confirmBoostStatus}
document.querySelector('.status-deck') || document.body, confirmLabel={
}} <>
align="start" <Icon icon="rocket" />
gap={4} <span>{reblogged ? 'Unboost?' : 'Boost to everyone?'}</span>
overflow="auto" </>
viewScroll="close" }
boundingBoxPadding="8 8 8 8" menuFooter={
shift={-8} mediaNoDesc &&
menuClassName="menu-emphasized" !reblogged && (
menuButton={({ open }) => ( <div class="footer">
<Icon icon="alert" />
Some media have no descriptions.
</div>
)
}
>
<div class="action has-count"> <div class="action has-count">
<StatusButton <StatusButton
checked={reblogged} checked={reblogged}
@ -1261,22 +1267,10 @@ function Status({
icon="rocket" icon="rocket"
count={reblogsCount} count={reblogsCount}
// onClick={boostStatus} // onClick={boostStatus}
disabled={open || !canBoost} disabled={!canBoost}
/> />
</div> </div>
)} </MenuConfirm>
>
<MenuItem onClick={confirmBoostStatus}>
<Icon icon="rocket" />
<span>Boost to everyone?</span>
</MenuItem>
{mediaNoDesc && (
<div class="footer">
<Icon icon="alert" />
Some media have no descriptions.
</div>
)}
</Menu>
<div class="action has-count"> <div class="action has-count">
<StatusButton <StatusButton
checked={favourited} checked={favourited}