fix: render emojis in user bio (#68)

open-sauced · May 5, 2023 · d0158a5 · d0158a5
1 parent 4108432
commit d0158a5
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/package.json b/package.json
@@ -14,6 +14,8 @@
   },
   "dependencies": {
     "@types/chrome": "^0.0.231",
+    "@types/node-emoji": "^1.8.2",
+    "node-emoji": "^1.11.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-icons": "^4.8.0"

diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
@@ -7,6 +7,7 @@ import { DiJava } from "react-icons/di";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { getUserData, getUserPRData } from "../utils/fetchOpenSaucedApiData";
 import { RouteContext } from "../App";
+import { emojify } from "node-emoji";
 
 const interestIcon = {
   python: <SiPython />,
@@ -124,7 +125,7 @@ export const Profile = () => {
             </div>}
 
           {user?.bio && <span>
-            {user.bio}
+            {emojify(user.bio)}
                         </span>}
 
           {user?.blog &&