stream.place
Live video on the AT Protocol
Revert "run prettier"
This reverts commit 67d032e09d72768cb76aa2cc22a1da5883cc62ce.
+58
-62
js/components/src/components/chat/chat.tsx
+58
-62
js/components/src/components/chat/chat.tsx
···
142
},
143
);
144
145
-
const ChatLine = memo(
146
-
({
147
-
item,
148
-
isHovered,
149
-
onHoverIn,
150
-
onHoverOut,
151
-
hoverTimeoutRef,
152
-
}: {
153
-
item: ChatMessageViewHydrated;
154
-
isHovered?: boolean;
155
-
onHoverIn?: () => void;
156
-
onHoverOut?: () => void;
157
-
hoverTimeoutRef?: React.MutableRefObject<NodeJS.Timeout | null>;
158
-
}) => {
159
-
const setReply = useSetReplyToMessage();
160
-
const setModMsg = usePlayerStore((state) => state.setModMessage);
161
-
const swipeableRef = useRef<SwipeableMethods | null>(null);
162
-
163
-
if (item.author.did === "did:sys:system") {
164
-
return (
165
-
<SystemMessage
166
-
variant={getSystemMessageType(item) || SystemMessageType.notification}
167
-
timestamp={new Date(item.record.createdAt)}
168
-
title={item.record.text}
169
-
facets={item.record.facets}
170
-
/>
171
-
);
172
-
}
173
174
-
if (Platform.OS === "web") {
175
-
return (
176
-
<View
177
-
style={[
178
-
py[1],
179
-
px[2],
180
-
{
181
-
position: "relative",
182
-
borderRadius: 8,
183
-
minWidth: 0,
184
-
maxWidth: "100%",
185
-
},
186
-
isHovered && bg.gray[950],
187
-
]}
188
-
onPointerEnter={onHoverIn}
189
-
onPointerLeave={onHoverOut}
190
-
>
191
-
<Pressable style={[{ minWidth: 0, maxWidth: "100%" }]}>
192
-
<RenderChatMessage item={item} />
193
-
</Pressable>
194
-
<ActionsBar
195
-
item={item}
196
-
visible={!!isHovered}
197
-
hoverTimeoutRef={hoverTimeoutRef!}
198
-
/>
199
-
</View>
200
-
);
201
-
}
202
203
return (
204
<Swipeable
205
containerStyle={[py[1]]}
206
friction={2}
···
227
>
228
<RenderChatMessage item={item} />
229
</Swipeable>
230
-
);
231
-
},
232
-
);
233
234
export function Chat({
235
shownMessages = SHOWN_MSGS,
···
243
const chat = useChat();
244
const [isScrolledUp, setIsScrolledUp] = useState(false);
245
const flatListRef = useRef<FlatList>(null);
246
-
const [hoveredMessageUri, setHoveredMessageUri] = useState<string | null>(
247
-
null,
248
-
);
249
const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
250
251
const handleHoverIn = (uri: string) => {
···
142
},
143
);
144
145
+
const ChatLine = memo(({
146
+
item,
147
+
isHovered,
148
+
onHoverIn,
149
+
onHoverOut,
150
+
hoverTimeoutRef,
151
+
}: {
152
+
item: ChatMessageViewHydrated;
153
+
isHovered?: boolean;
154
+
onHoverIn?: () => void;
155
+
onHoverOut?: () => void;
156
+
hoverTimeoutRef?: React.MutableRefObject<NodeJS.Timeout | null>;
157
+
}) => {
158
+
const setReply = useSetReplyToMessage();
159
+
const setModMsg = usePlayerStore((state) => state.setModMessage);
160
+
const swipeableRef = useRef<SwipeableMethods | null>(null);
161
162
+
if (item.author.did === "did:sys:system") {
163
+
return (
164
+
<SystemMessage
165
+
variant={getSystemMessageType(item) || SystemMessageType.notification}
166
+
timestamp={new Date(item.record.createdAt)}
167
+
title={item.record.text}
168
+
facets={item.record.facets}
169
+
/>
170
+
);
171
+
}
172
173
+
if (Platform.OS === "web") {
174
return (
175
+
<View
176
+
style={[
177
+
py[1],
178
+
px[2],
179
+
{
180
+
position: "relative",
181
+
borderRadius: 8,
182
+
minWidth: 0,
183
+
maxWidth: "100%",
184
+
},
185
+
isHovered && bg.gray[950],
186
+
]}
187
+
onPointerEnter={onHoverIn}
188
+
onPointerLeave={onHoverOut}
189
+
>
190
+
<Pressable style={[{ minWidth: 0, maxWidth: "100%" }]}>
191
+
<RenderChatMessage item={item} />
192
+
</Pressable>
193
+
<ActionsBar
194
+
item={item}
195
+
visible={!!isHovered}
196
+
hoverTimeoutRef={hoverTimeoutRef!}
197
+
/>
198
+
</View>
199
+
);
200
+
}
201
+
202
+
return (
203
<Swipeable
204
containerStyle={[py[1]]}
205
friction={2}
···
226
>
227
<RenderChatMessage item={item} />
228
</Swipeable>
229
+
);
230
+
});
231
232
export function Chat({
233
shownMessages = SHOWN_MSGS,
···
241
const chat = useChat();
242
const [isScrolledUp, setIsScrolledUp] = useState(false);
243
const flatListRef = useRef<FlatList>(null);
244
+
const [hoveredMessageUri, setHoveredMessageUri] = useState<string | null>(null);
245
const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
246
247
const handleHoverIn = (uri: string) => {