bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

GroupMembers: fix pending row borders and dark mode

Browse source
This commit is contained in:
Alex Gleason 2023-03-22 13:47:18 -05:00
parent 1954848c65
commit ee1b1b4397
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/soapbox/features/group/group-members.tsx
View file

@ -1,3 +1,4 @@
import clsx from 'clsx';
import React, { useMemo } from 'react'; import React, { useMemo } from 'react';
import { PendingItemsRow } from 'soapbox/components/pending-items-row'; import { PendingItemsRow } from 'soapbox/components/pending-items-row';
@ -44,12 +45,14 @@ const GroupMembers: React.FC<IGroupMembers> = (props) => {
showLoading={!group || isLoading && members.length === 0} showLoading={!group || isLoading && members.length === 0}
placeholderComponent={PlaceholderAccount} placeholderComponent={PlaceholderAccount}
placeholderCount={3} placeholderCount={3}
className='divide-y divide-solid divide-gray-300' className='divide-y divide-solid divide-gray-200 dark:divide-gray-800'
itemClassName='py-3 last:pb-0' itemClassName='py-3 last:pb-0'
> prepend={(pending.length > 0) && (
{(pending.length > 0) && ( <div className={clsx('py-3', { 'border-b border-gray-200 dark:border-gray-800': members.length })}>
<PendingItemsRow to={`/groups/${groupId}/manage/requests`} count={pending.length} /> <PendingItemsRow to={`/groups/${groupId}/manage/requests`} count={pending.length} />
</div>
)} )}
>
{members.map((member) => ( {members.map((member) => (
<GroupMemberListItem <GroupMemberListItem
group={group as Group} group={group as Group}