add toggle for default expanded member cards

This commit is contained in:
Spectralitree 2021-03-11 10:08:42 +01:00
parent 8cc454bc12
commit dd3a381a7c
5 changed files with 84 additions and 56 deletions

View file

@ -47,7 +47,7 @@ export default function Memberlist() {
const fetchMembers = useCallback( () => {
setIsLoading(true);
setIsError(false);
setMembersPerPage(25);
setMembersPerPage(localStorage.getItem("expandcards") ? 10 : 25);
fetch(`${API_URL}s/${userId}/members`,{
method: 'GET',
@ -135,7 +135,7 @@ export default function Memberlist() {
sortMembers = currentMembers.sort((a, b) => a.created.localeCompare(b.created)).slice(indexOfFirstMember, indexOfLastMember);
}
const memberList = sortMembers.map((member) => <BS.Card key={member.id}>
const memberList = sortMembers.map((member) => <BS.Card key={member.id} className={localStorage.getItem("expandcards") ? "mb-3" : ""}>
<MemberCard
member={member}
edit={memberEdit => setMembers(members.map(member => member.id === memberEdit.id ? Object.assign(member, memberEdit) : member))}
@ -179,7 +179,7 @@ export default function Memberlist() {
<BS.Form>
<BS.InputGroup className="mb-3">
<BS.Form.Control disabled placeholder='Page length:'/>
<BS.Form.Control as="select" defaultValue="25" onChange={e => {
<BS.Form.Control as="select" defaultValue={localStorage.getItem("expandcards") ? 10 : 25} onChange={e => {
setMembersPerPage(e.target.value);
setCurrentPage(1);
}}>