bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix nested button structure

Browse source
This commit is contained in:
Justin 2022-09-29 13:54:18 -04:00
parent d40fe483ef
commit dc6c2657df
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/soapbox/features/chats/components/chat-list-item.tsx
View file

@ -76,9 +76,10 @@ const ChatListItem: React.FC<IChatListItemInterface> = ({ chat, chatSilence, onC
}, [chatSilence]); }, [chatSilence]);
return ( return (
<button // eslint-disable-next-line jsx-a11y/interactive-supports-focus
<div
role='button'
key={chat.id} key={chat.id}
type='button'
onClick={() => onClick(chat)} onClick={() => onClick(chat)}
className='group px-2 py-3 w-full flex flex-col rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 focus:shadow-inset-ring' className='group px-2 py-3 w-full flex flex-col rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 focus:shadow-inset-ring'
data-testid='chat' data-testid='chat'
@ -142,7 +143,7 @@ const ChatListItem: React.FC<IChatListItemInterface> = ({ chat, chatSilence, onC
)} )}
</HStack> </HStack>
</HStack> </HStack>
</button> </div>
); );
}; };