Make shared components aware of layout and density settings (#33368)

* Add shared event presentation context

* Add app-web event presentation mapper

* Wire event presentation provider into app timelines

* Add Storybook controls for event layout and density

* Wire compact density through app/web event presentation provider

* Use event presentation density for URL previews

* Move TileErrorView layout to event presentation context

* Minor fix and updated snapshot

* Updated snapshots for url preview group

* Prettier fix

* Restore removed story to fix missing playwright test

* Updates after review comments

* Fix prettier issue
This commit is contained in:
rbondesson
2026-05-06 05:30:46 +00:00
committed by GitHub
parent 7e26c2d144
commit 1f71a3a3fe
23 changed files with 379 additions and 209 deletions
@@ -33,7 +33,6 @@ describe("TileErrorViewModel", () => {
const mxEvent = overrides.mxEvent ?? createEvent();
return new TileErrorViewModel({
layout: "group",
developerMode: true,
error,
mxEvent,
@@ -56,7 +55,6 @@ describe("TileErrorViewModel", () => {
const vm = createVm();
expect(vm.getSnapshot()).toEqual({
layout: "group",
message: "Can't load this message",
eventType: "m.room.message",
bugReportCtaLabel: "Submit debug logs",
@@ -78,17 +76,6 @@ describe("TileErrorViewModel", () => {
expect(vm.getSnapshot().viewSourceCtaLabel).toBeUndefined();
});
it("updates the layout when the host timeline layout changes", () => {
const vm = createVm();
const listener = jest.fn();
vm.subscribe(listener);
vm.setLayout("bubble");
expect(vm.getSnapshot().layout).toBe("bubble");
expect(listener).toHaveBeenCalledTimes(1);
});
it("guards setters against unchanged values", () => {
const error = new Error("Boom");
const mxEvent = createEvent();
@@ -98,7 +85,6 @@ describe("TileErrorViewModel", () => {
vm.setDeveloperMode(true);
vm.setError(error);
vm.setLayout("group");
expect(listener).not.toHaveBeenCalled();
});