stream.place
Live video on the AT Protocol
remove all refs to native moji picker
+8
-30
+8
-30
js/components/src/components/chat/chat-box.tsx
+8
-30
js/components/src/components/chat/chat-box.tsx
···
1
1
import Graphemer from "graphemer";
2
-
import { AtSignIcon, ExternalLink, SmilePlus, X } from "lucide-react-native";
2
+
import { AtSignIcon, ExternalLink, X } from "lucide-react-native";
3
3
import { env } from "process";
4
-
import React, { useEffect, useMemo, useRef, useState } from "react";
4
+
import { ReactNode, useEffect, useMemo, useRef, useState } from "react";
5
5
import { Platform, Pressable, TextInput } from "react-native";
6
6
import { ChatMessageViewHydrated } from "streamplace";
7
7
import { Button, Loader, Text, toast, useTheme, View } from "../../";
···
70
70
isOpen: boolean,
71
71
onClose: () => void,
72
72
onSelect: (emoji: any) => void,
73
-
) => React.ReactNode;
73
+
) => ReactNode;
74
74
skinTone?: number;
75
75
}) {
76
76
const [submitting, setSubmitting] = useState(false);
···
503
503
submitBehavior="submit"
504
504
placeholder="Type a message..."
505
505
/>
506
-
{Platform.OS !== "web" && emojiPicker && (
507
-
<Button
508
-
variant="secondary"
509
-
width="min"
510
-
style={{ borderRadius: 16, height: 43, aspectRatio: 1 }}
511
-
onPress={() => setShowEmojiSelector(!showEmojiSelector)}
512
-
>
513
-
<SmilePlus size={20} color="white" />
514
-
</Button>
515
-
)}
516
506
<View>
517
507
<Button
518
508
disabled={submitting}
···
525
515
</Button>
526
516
</View>
527
517
</View>
528
-
{Platform.OS !== "web" &&
529
-
emojiPicker?.(
530
-
showEmojiSelector,
531
-
() => setShowEmojiSelector(false),
532
-
handleEmojiSelect,
533
-
)}
534
518
{showSuggestions && (
535
519
<MentionSuggestions
536
520
authors={filteredAuthors || new Map()}
···
555
539
{ justifyContent: "flex-end", position: "relative" },
556
540
]}
557
541
>
558
-
{
559
-
(console.log("[ChatBox] emojiPicker render", {
560
-
hasEmojiPicker: !!emojiPicker,
561
-
showEmojiSelector,
562
-
}),
563
-
emojiPicker?.(
564
-
showEmojiSelector,
565
-
() => setShowEmojiSelector(false),
566
-
handleEmojiSelect,
567
-
))
568
-
}
542
+
{emojiPicker?.(
543
+
showEmojiSelector,
544
+
() => setShowEmojiSelector(false),
545
+
handleEmojiSelect,
546
+
)}
569
547
{env.NODE_ENV === "development" && (
570
548
<Button
571
549
variant="secondary"