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 &&