With Reactions Pre-Release

ealush · Jan 22, 2024 · 2b06a31 · 2b06a31
1 parent e58e772
commit 2b06a31
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@vercel/analytics": "^1.1.1",
-    "emoji-picker-react": "^4.6.15",
+    "emoji-picker-react": "^4.7.16-rc.0",
     "next": "13.5.6",
     "react": "^18",
     "react-dom": "^18"

diff --git a/src/components/PickerControls.tsx b/src/components/PickerControls.tsx
@@ -74,6 +74,12 @@ export function PickerControls({
           updateState("customEmojis", customEmojis)
         }
       />
+      <ChkReactions
+        reactionsDefaultOpen={pickerProps.reactionsDefaultOpen}
+        setReactionsDefaultOpen={(reactionsDefaultOpen) =>
+          updateState("reactionsDefaultOpen", reactionsDefaultOpen)
+        }
+      />
       <div className={styles.spacer} />
       <button onClick={reset} className={styles.ButtonReset}>
         Reset
@@ -303,3 +309,21 @@ function SelectSkinTonePickerLocation({
     </Label>
   );
 }
+
+function ChkReactions({
+  reactionsDefaultOpen,
+  setReactionsDefaultOpen,
+}: {
+  reactionsDefaultOpen?: boolean;
+  setReactionsDefaultOpen: (reactionsDefaultOpen: boolean) => void;
+}) {
+  return (
+    <Label text="Reactions">
+      <input
+        type="checkbox"
+        checked={reactionsDefaultOpen}
+        onChange={(e) => setReactionsDefaultOpen(e.target.checked)}
+      />
+    </Label>
+  );
+}