Stickies: Use page space for sticky shadow rotation (#3352)

This PR makes sticky shadows use page space rotation, not shape space
rotation. This brings it in line with what our other shapes do (eg:
bookmarks)


https://github.com/tldraw/tldraw/assets/15892272/6b0ae307-7811-4a11-a29d-2c61cafd3d1d


### Change Type

<!--  Please select a 'Scope' label ️ -->

- [ ] `sdk` — Changes the tldraw SDK
- [ ] `dotcom` — Changes the tldraw.com web app
- [ ] `docs` — Changes to the documentation, examples, or templates.
- [ ] `vs code` — Changes to the vscode plugin
- [ ] `internal` — Does not affect user-facing stuff

<!--  Please select a 'Type' label ️ -->

- [ ] `bugfix` — Bug fix
- [ ] `feature` — New feature
- [ ] `improvement` — Improving existing features
- [ ] `chore` — Updating dependencies, other boring stuff
- [ ] `galaxy brain` — Architectural changes
- [ ] `tests` — Changes to any test code
- [ ] `tools` — Changes to infrastructure, CI, internal scripts,
debugging tools, etc.
- [ ] `dunno` — I don't know


### Test Plan

1. Add a step-by-step description of how to test your PR here.
2.

- [ ] Unit Tests
- [ ] End to end tests

### Release Notes

- Add a brief release note for your PR here.
lu/parenting-group-indicator
Lu Wilson 2024-04-04 10:41:45 +01:00 zatwierdzone przez GitHub
rodzic 3c91ed78da
commit 00d5400e15
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: B5690EEEBB952194
1 zmienionych plików z 5 dodań i 3 usunięć

Wyświetl plik

@ -156,9 +156,11 @@ export class NoteShapeUtil extends ShapeUtil<TLNoteShape> {
const noteHeight = this.getHeight(shape)
// eslint-disable-next-line react-hooks/rules-of-hooks
const rotation = useValue('shape rotation', () => this.editor.getShape(id)?.rotation ?? 0, [
this.editor,
])
const rotation = useValue(
'shape rotation',
() => this.editor.getShapePageTransform(id)?.rotation() ?? 0,
[this.editor]
)
// todo: consider hiding shadows on dark mode if they're invisible anyway
// eslint-disable-next-line react-hooks/rules-of-hooks