2736054770, still has .1s accuracy
72 | zIndex: Math.round((blog.updatedAt % 100000000000) / 100),
73 | position: 'absolute',
74 | }}>
75 |
76 | {
84 | if (nextPosition !== undefined) {
85 | setBlog((prev) => {
86 | const next = {
87 | ...prev,
88 | position: nextPosition,
89 | };
90 |
91 | // Send partial payload
92 | send({
93 | event: 'blog',
94 | blog: {
95 | id: next.id,
96 | position: next.position,
97 | updatedAt: next.updatedAt,
98 | },
99 | } as BlogPayload);
100 |
101 | return next;
102 | });
103 | }
104 |
105 | if (rotation !== undefined && origin !== undefined) {
106 | send({
107 | event: 'rotation',
108 | id: blog.id,
109 | rotation,
110 | origin,
111 | });
112 | }
113 | }}
114 | color={blog.color}>
115 |
116 |
117 | {blog.title} © {author?.name}
118 |
119 | event.stopPropagation()} // prevent pane onDrag stealing
122 | spellCheck={false}
123 | value={blog.content}
124 | onChange={(e) => {
125 | setBlog((prev) => {
126 | const next = { ...prev, content: e.target.value };
127 |
128 | // Send partial payload
129 | send({
130 | event: 'blog',
131 | blog: {
132 | id: next.id,
133 | content: next.content,
134 | updatedAt: next.updatedAt,
135 | },
136 | } as BlogPayload);
137 |
138 | return next;
139 | });
140 | }}
141 | />
142 |
143 |
144 |
145 |