diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
index 6eeb736d..8f05c637 100644
--- a/npm-shrinkwrap.json
+++ b/npm-shrinkwrap.json
@@ -9,6 +9,8 @@
"version": "1.0.0-beta.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"
@@ -773,6 +775,11 @@
"integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
"dev": true
},
+ "node_modules/@types/node-emoji": {
+ "version": "1.8.2",
+ "resolved": "https://registry.npmjs.org/@types/node-emoji/-/node-emoji-1.8.2.tgz",
+ "integrity": "sha512-PfF1qL/9veo8BSHLV84C9ORNr3lHSlnWJ6yU8OdNufoftajeWHTLVbGHvp2B7e7DPDS9gMs6cfeSsqo5rqSitg=="
+ },
"node_modules/@types/prop-types": {
"version": "15.7.5",
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -3654,6 +3661,11 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/lodash": {
+ "version": "4.17.21",
+ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+ },
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -3795,6 +3807,14 @@
"integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
"dev": true
},
+ "node_modules/node-emoji": {
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.11.0.tgz",
+ "integrity": "sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==",
+ "dependencies": {
+ "lodash": "^4.17.21"
+ }
+ },
"node_modules/node-releases": {
"version": "2.0.10",
"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.10.tgz",
diff --git a/package.json b/package.json
index 531cc519..63dc6eb9 100644
--- 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
index c16abef6..5fe07206 100644
--- 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: ,
@@ -124,7 +125,7 @@ export const Profile = () => {
}
{user?.bio &&
- {user.bio}
+ {emojify(user.bio)}
}
{user?.blog &&