fix: avatar decoration centering, animation flickering, scheduled message persistence
CI / Build & Quality Checks (push) Successful in 10m32s
Trigger Desktop Build / trigger (push) Successful in 7s

- UserHero: move AvatarDecoration inside AvatarPresence so the decoration
  inline-flex container sizes to the avatar only, not the presence badge
- SidebarNav: add will-change: background-position, background-size on
  document.body for animated backgrounds, promoting them to a compositor
  layer so overlaid text/UI doesn't repaint on every animation frame
- scheduledMessages: back the atom with atomWithStorage so the scheduled
  message tray survives page refreshes via localStorage

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-15 00:32:04 -04:00
parent 9c690fbdfb
commit 10f6544e2e
3 changed files with 44 additions and 9 deletions
+27 -1
View File
@@ -1,4 +1,5 @@
import { atom } from 'jotai';
import { atomWithStorage, createJSONStorage } from 'jotai/utils';
import { IContent } from 'matrix-js-sdk';
export type ScheduledMessage = {
@@ -8,9 +9,34 @@ export type ScheduledMessage = {
sendAt: number; // Unix timestamp ms
};
const STORAGE_KEY = 'cinny_scheduled_messages_v1';
// Internal atom persists as a plain Record (JSON-serializable).
const internalAtom = atomWithStorage<Record<string, ScheduledMessage[]>>(
STORAGE_KEY,
{},
createJSONStorage(() => localStorage),
);
/**
* Global atom: Map<roomId, ScheduledMessage[]>
* Stores all locally-tracked scheduled messages across rooms.
* MSC4140 has no list endpoint, so we track them ourselves.
* Backed by localStorage so scheduled messages survive page refreshes.
*/
export const scheduledMessagesAtom = atom<Map<string, ScheduledMessage[]>>(new Map());
export const scheduledMessagesAtom = atom(
(get): Map<string, ScheduledMessage[]> => new Map(Object.entries(get(internalAtom))),
(
_get,
set,
updater:
| Map<string, ScheduledMessage[]>
| ((prev: Map<string, ScheduledMessage[]>) => Map<string, ScheduledMessage[]>),
) => {
set(internalAtom, (prevObj) => {
const prevMap = new Map(Object.entries(prevObj));
const nextMap = typeof updater === 'function' ? updater(prevMap) : updater;
return Object.fromEntries(nextMap.entries());
});
},
);