zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

[🐴] Adjust messages list styles (#3945)

Browse source 
* some initial tweaks

* tweaks

* more tweaks

* tweak chat header

* properly align placeholders

* tweak web header

* one more...

* remove extra loading states from chat

* limit line count for display name

* Tweaks styles (#3949)

* Adjust sizing

* Consistent font size

* Adjust header

* oops

* fix accessibility in list

* don't use `identifier` for notifications, use `dates` instead

---------

Co-authored-by: Eric Bailey <git@esb.lol>
This commit is contained in:
Hailey 2024-05-10 08:09:00 -07:00 • committed by GitHub
parent 1a90426026
commit e729647c02
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 133 additions and 100 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/lib/hooks/useNotificationHandler.ts
View file

@ -58,7 +58,7 @@ export function useNotificationsHandler() {
const closeAllActiveElements = useCloseAllActiveElements()
// Safety to prevent double handling of the same notification
const prevIdentifier = React.useRef('')
const prevDate = React.useRef(0)
React.useEffect(() => {
const handleNotification = (payload?: NotificationPayload) => {
@ -161,10 +161,10 @@ export function useNotificationsHandler() {
const responseReceivedListener =
Notifications.addNotificationResponseReceivedListener(e => {
if (e.notification.request.identifier === prevIdentifier.current) {
if (e.notification.date === prevDate.current) {
return
}
prevIdentifier.current = e.notification.request.identifier
prevDate.current = e.notification.date
logger.debug(
'Notifications: response received',