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

Handle accept/reject follow requests for locked accounts

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-10 21:49:23 +08:00
parent 021d2aa2ae
commit 9faf730e82
1 changed files with 81 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
src/pages/notifications.jsx
View file

@ -85,32 +85,42 @@ function Notification({ notification }) {
</div> </div>
<div class="notification-content"> <div class="notification-content">
{type !== 'mention' && ( {type !== 'mention' && (
<p> <>
{!/poll|update/i.test(type) && ( <p>
<> {!/poll|update/i.test(type) && (
{_accounts?.length > 1 ? ( <>
<> {_accounts?.length > 1 ? (
<b>{_accounts.length} people</b>{' '} <>
</> <b>{_accounts.length} people</b>{' '}
) : ( </>
<> ) : (
<NameText account={account} showAvatar />{' '} <>
</> <NameText account={account} showAvatar />{' '}
)} </>
</> )}
</>
)}
{text}
{type === 'mention' && (
<span class="insignificant">
{' '}
•{' '}
<RelativeTime
datetime={notification.createdAt}
format="micro"
/>
</span>
)}
</p>
{type === 'follow_request' && (
<FollowRequestButtons
accountID={account.id}
onChange={() => {
loadNotifications(true);
}}
/>
)} )}
{text} </>
{type === 'mention' && (
<span class="insignificant">
{' '}
•{' '}
<RelativeTime
datetime={notification.createdAt}
format="micro"
/>
</span>
)}
</p>
)} )}
{_accounts?.length > 1 && ( {_accounts?.length > 1 && (
<p class="avatars-stack"> <p class="avatars-stack">
@ -414,4 +424,50 @@ function Notifications() {
); );
} }
function FollowRequestButtons({ accountID, onChange }) {
const [uiState, setUIState] = useState('default');
return (
<p>
<button
type="button"
disabled={uiState === 'loading'}
onClick={() => {
setUIState('loading');
(async () => {
try {
await masto.v1.followRequests.authorize(accountID);
onChange();
} catch (e) {
console.error(e);
setUIState('default');
}
})();
}}
>
Accept
</button>{' '}
<button
type="button"
disabled={uiState === 'loading'}
class="light danger"
onClick={() => {
setUIState('loading');
(async () => {
try {
await masto.v1.followRequests.reject(accountID);
onChange();
} catch (e) {
console.error(e);
setUIState('default');
}
})();
}}
>
Reject
</button>
<Loader hidden={uiState !== 'loading'} />
</p>
);
}
export default memo(Notifications); export default memo(Notifications);