Merge pull request #109 from rickstaa/add_shift_unicode

feat: add shift click unicode copy
rickstaa · Jun 2, 2023 · e1f4ec5 · e1f4ec5 · vercel · Jun 2, 2023
2 parents 3954881 + 6ba5bdf
commit e1f4ec5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -109,14 +109,26 @@ const App = () => {
    *
    * @param selectedEmoji Selected emoji.
    */
-  const handleEmojiSelect = (selectedEmoji: Emoji) => {
-    // Copy emoji shortcode to clipboard.
-    navigator.clipboard.writeText(selectedEmoji.shortcodes);
+  const handleEmojiSelect = (selectedEmoji: Emoji, event: PointerEvent) => {
+    // Copy emoji shortcode or unicode to clipboard.
+    if (event.shiftKey) {
+      navigator.clipboard.writeText(
+        `${String.fromCodePoint(
+          ...selectedEmoji.unified.split("-").map((str: string) => "0x" + str)
+        )}`
+      );
+    } else {
+      navigator.clipboard.writeText(selectedEmoji.shortcodes);
+    }
+
     // Display snackbar
+    const snackbarMessage = `Emoji ${
+      event.shiftKey ? "unicode" : "shortcode"
+    } copied to clipboard. ${!event.shiftKey ? "Hold shift for unicode." : ""}`;
     setSnackPack((prev) => [
       ...prev,
       {
-        message: "Emoji shortcode copied to clipboard",
+        message: snackbarMessage,
         key: new Date().getTime(),
       },
     ]);

diff --git a/src/components/EmojiPicker/EmojiPicker.tsx b/src/components/EmojiPicker/EmojiPicker.tsx
@@ -30,7 +30,7 @@ export const EmojiPicker = ({
   onEmojiSelect,
   locale = "en",
 }: {
-  onEmojiSelect: (input: Emoji) => void;
+  onEmojiSelect: (input: Emoji, event: PointerEvent) => void;
   locale?: string;
 }) => {
   const { mode } = useContext(ThemeContext);