simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Try save some space here

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-11 20:56:33 +08:00
parent 454562d763
commit 4a01d3d404
1 changed files with 58 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

113
src/pages/status.jsx
View file

@ -538,68 +538,71 @@ function StatusPage() {
)} )}
</h1> </h1>
<div class="header-side"> <div class="header-side">
<Loader hidden={uiState !== 'loading'} /> {uiState === 'loading' ? (
<Menu <Loader abrupt />
align="end" ) : (
portal={{ <Menu
// Need this, else the menu click will cause scroll jump align="end"
target: scrollableRef.current, portal={{
}} // Need this, else the menu click will cause scroll jump
menuButton={ target: scrollableRef.current,
<button type="button" class="button plain4">
<Icon icon="more" alt="Actions" size="xl" />
</button>
}
>
<MenuItem
onClick={() => {
// Click all buttons with class .spoiler but not .spoiling
const buttons = Array.from(
scrollableRef.current.querySelectorAll(
'button.spoiler:not(.spoiling)',
),
);
buttons.forEach((button) => {
button.click();
});
}} }}
menuButton={
<button type="button" class="button plain4">
<Icon icon="more" alt="Actions" size="xl" />
</button>
}
> >
<Icon icon="eye-open" />{' '}
<span>Show all sensitive content</span>
</MenuItem>
{import.meta.env.DEV && !authenticated && (
<MenuItem <MenuItem
onClick={() => { onClick={() => {
(async () => { // Click all buttons with class .spoiler but not .spoiling
try { const buttons = Array.from(
const { masto } = api(); scrollableRef.current.querySelectorAll(
const results = await masto.v2.search({ 'button.spoiler:not(.spoiling)',
q: heroStatus.url, ),
type: 'statuses', );
resolve: true, buttons.forEach((button) => {
limit: 1, button.click();
}); });
if (results.statuses.length) {
const status = results.statuses[0];
navigate(
instance
? `/${instance}/s/${status.id}`
: `/s/${status.id}`,
);
} else {
throw new Error('No results');
}
} catch (e) {
alert('Error: ' + e);
console.error(e);
}
})();
}} }}
> >
See post in currently logged-in instance <Icon icon="eye-open" />{' '}
<span>Show all sensitive content</span>
</MenuItem> </MenuItem>
)} {import.meta.env.DEV && !authenticated && (
</Menu> <MenuItem
onClick={() => {
(async () => {
try {
const { masto } = api();
const results = await masto.v2.search({
q: heroStatus.url,
type: 'statuses',
resolve: true,
limit: 1,
});
if (results.statuses.length) {
const status = results.statuses[0];
navigate(
instance
? `/${instance}/s/${status.id}`
: `/s/${status.id}`,
);
} else {
throw new Error('No results');
}
} catch (e) {
alert('Error: ' + e);
console.error(e);
}
})();
}}
>
See post in currently logged-in instance
</MenuItem>
)}
</Menu>
)}
<Link <Link
class="button plain deck-close" class="button plain deck-close"
to={closeLink} to={closeLink}