oreolek/phanpy
1
0
Fork 0
Code Activity

Show lists containing the account in the menu

Browse source
This commit is contained in:
Lim Chee Aun 2024-02-05 10:17:49 +08:00
parent 913d923877
commit 46415b87a6
1 changed files with 31 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/components/account-info.jsx
View file

@ -917,6 +917,7 @@ function RelatedActions({
const [showTranslatedBio, setShowTranslatedBio] = useState(false);
const [showAddRemoveLists, setShowAddRemoveLists] = useState(false);
const [showPrivateNoteModal, setShowPrivateNoteModal] = useState(false);
const [lists, setLists] = useState([]);
return (
<>
@ -976,6 +977,22 @@ function RelatedActions({
<Icon icon="more" size="l" alt="More" />
</button>
}
onMenuChange={(e) => {
if (following && e.open) {
// Fetch lists that have this account
(async () => {
try {
const lists = await currentMasto.v1.accounts
.$select(accountID.current)
.lists.list();
console.log('fetched account lists', lists);
setLists(lists);
} catch (e) {
console.error(e);
}
})();
}
}}
>
{currentAuthenticated && !isSelf && (
<>
@ -1017,7 +1034,20 @@ function RelatedActions({
}}
>
<Icon icon="list" />
<span>Add/remove from Lists</span>
{lists.length ? (
<>
<small class="menu-grow">
Add/Remove from Lists
<br />
<span class="more-insignificant">
{lists.map((list) => list.title).join(', ')}
</span>
</small>
<small class="more-insignificant">{lists.length}</small>
</>
) : (
<span>Add/Remove from Lists</span>
)}
</MenuItem>
)}
<MenuDivider />