From 0ff1887fec85b47ae027ec05ffad6bd15b7deb20 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 4 Jun 2022 18:29:58 -0500
Subject: [PATCH] AutosuggestEmoji: convert to TSX

---
 app/soapbox/components/autosuggest_emoji.js  | Bin 941 -> 0 bytes
 app/soapbox/components/autosuggest_emoji.tsx |  50 +++++++++++++++++++
 2 files changed, 50 insertions(+)
 delete mode 100644 app/soapbox/components/autosuggest_emoji.js
 create mode 100644 app/soapbox/components/autosuggest_emoji.tsx

diff --git a/app/soapbox/components/autosuggest_emoji.js b/app/soapbox/components/autosuggest_emoji.js
deleted file mode 100644
index e16d2a2c56cb0b63c14b7799f8afac02c9dd877d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 941
zcmaJ<%Wm5+5WM><wm<;MKrHp#SOJP4xwSBY_S6OrO|4`)6shuIxN!9ET|OM!m+D}c
z+@0B(;fi6@#=*+y@yFj0Ep$c?P>gh5xNuS2%|z;XM#f#PoA94Xr`i#ATBw!ZNWoXk
zZDGodR<m)V54Cqf+S)qi1i!#}CAe<!8yiQV`i!Znx<lr?L0jXXcOw0+bMtyg-D@fO
zZ4`lrXrjfAdFg;lW-Wa6PFvsiXx(EV0X#TVt%c~LS`qz&CT9wjgX3%lkkmo&p0a4@
z9_WiAzMMm<^k#?LRl+{wA1@5Hx70UL8~}!9peg4W%C)jYpC~Am2HaNID$KBVkzAq!
zZ)5}mhz`m)uHxQ0J)C$T^bk7L#K3y|89+ha1Sl=$fdFY_4v8Sw8UIQQiXLK*FYx~U
zzj|eGl#F9p|MpLhpPz2(TPTY8OBS2te#)cHQbP*#d<vA8StF?o>4YyCx!#xZb!7bQ
z^xQYcOj&h8qGAJ1mEHHR^XxY<<r!tBUAAJMp8h)lnu49*e-S+w&@#ssjut|+O_A>I
zGa6tihW_I~DTXCVOtF*pq_`+s!<!>HnJ(^_bj|TH-jHrOb1i8R&dv4xDGh)Oxo%n3
NWG9J>t|`4~_78fzD!l*z

diff --git a/app/soapbox/components/autosuggest_emoji.tsx b/app/soapbox/components/autosuggest_emoji.tsx
new file mode 100644
index 0000000000..ba6f5671aa
--- /dev/null
+++ b/app/soapbox/components/autosuggest_emoji.tsx
@@ -0,0 +1,50 @@
+import React from 'react';
+
+import unicodeMapping from 'soapbox/features/emoji/emoji_unicode_mapping_light';
+import { joinPublicPath } from 'soapbox/utils/static';
+
+type Emoji = {
+  custom: boolean,
+  imageUrl: string,
+  native: string,
+  colons: string,
+}
+
+type UnicodeMapping = {
+  filename: string,
+}
+
+interface IAutosuggestEmoji {
+  emoji: Emoji,
+}
+
+const AutosuggestEmoji: React.FC<IAutosuggestEmoji> = ({ emoji }) => {
+  let url;
+
+  if (emoji.custom) {
+    url = emoji.imageUrl;
+  } else {
+    // @ts-ignore
+    const mapping: UnicodeMapping = unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')];
+
+    if (!mapping) {
+      return null;
+    }
+
+    url = joinPublicPath(`packs/emoji/${mapping.filename}.svg`);
+  }
+
+  return (
+    <div className='autosuggest-emoji' data-testid='emoji'>
+      <img
+        className='emojione'
+        src={url}
+        alt={emoji.native || emoji.colons}
+      />
+
+      {emoji.colons}
+    </div>
+  );
+};
+
+export default AutosuggestEmoji;