feat: update environment variables and improve Twitter component logic

Author: sravanth-space

env.example

@@ -11,4 +11,5 @@ USE_GITHUB_DATA = "true"
 // Set to your username in order to fetch blog data from Medium (otherwise, hardcoded values from Blogs.js are used)
 MEDIUM_USERNAME = "YOU MEDIUM USERNAME HERE"
 //sentry
-SENTRY_DSN = "" 
+SENTRY_DSN = "" 
+HASHNODE_USERNAME = ""

package.json

@@ -4,29 +4,29 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@calcom/embed-react": "^1.3.0",
-    "@emotion/react": "^11.11.1",
-    "@sentry/react": "^7.65.0",
-    "@sentry/tracing": "^7.65.0",
-    "@types/jest": "^29.5.4",
-    "@types/node": "^20.5.7",
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "axios": "^1.5.0",
-    "colorthief": "^2.3.0",
+    "@calcom/embed-react": "^1.5.2",
+    "@emotion/react": "^11.14.0",
+    "@sentry/react": "^9.2.0",
+    "@sentry/tracing": "^7.120.3",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.13.5",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "axios": "^1.8.1",
+    "colorthief": "^2.6.0",
     "crypto-js": "^4.0.0",
-    "gh-pages": "^6.0.0",
-    "graphql": "^16.8.0",
-    "react": "^18.2.0",
-    "react-awesome-reveal": "^4.2.5",
-    "react-dom": "^18.2.0",
+    "gh-pages": "^6.3.0",
+    "graphql": "^16.10.0",
+    "react": "^19.0.0",
+    "react-awesome-reveal": "^4.3.1",
+    "react-dom": "^19.0.0",
     "react-easy-emoji": "^1.8.1",
     "react-headroom": "^3.2.1",
-    "react-lottie": "^1.2.3",
+    "react-lottie": "^1.2.10",
     "react-scripts": "5.0.1",
     "react-twitter-embed": "4.0.4",
-    "sass": "^1.66.1",
-    "typescript": "^5.2.2"
+    "sass": "^1.85.1",
+    "typescript": "^5.7.3"
   },
   "scripts": {
     "predeploy": "yarn build",
@@ -63,8 +63,9 @@
     ]
   },
   "devDependencies": {
-    "dotenv": "^16.3.1",
-    "prettier": "^3.0.2",
+    "dotenv": "^16.4.7",
+    "prettier": "^3.5.2",
     "source-map-explorer": "^2.5.3"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

public/index.html

@@ -71,10 +71,5 @@
     -->
 </body>
 <footer>
-  <a href="https://www.iubenda.com/privacy-policy/91149329"
-    class="iubenda-white iubenda-noiframe iubenda-embed iubenda-noiframe " title="Privacy Policy ">Privacy Policy</a>
-  <script
-    type="text/javascript">(function (w, d) { var loader = function () { var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src = "https://cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s, tag); }; if (w.addEventListener) { w.addEventListener("load", loader, false); } else if (w.attachEvent) { w.attachEvent("onload", loader); } else { w.onload = loader; } })(window, document);</script>
-</footer>
-
+  <a href="https://www.iubenda.com/privacy-policy/91149329" class="iubenda-white iubenda-noiframe iubenda-embed iubenda-noiframe " title="Privacy Policy ">Privacy Policy</a><script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src="https://cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);</script>
 </html>

src/containers/twitter-embed/twitter.tsx

@@ -22,7 +22,7 @@ var widthScreen = window.screen.width;
 export default function Twitter() {
   const {isDark} = useContext<any>(StyleContext);
 
-  if (twitterDetails.userName) {
+  if (twitterDetails.display) {
     return (
       <Suspense fallback={renderLoader()}>
         <div className="tw-main-div" id="twitter">

src/index.tsx

@@ -3,12 +3,11 @@ import "./index.css";
 import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 import * as Sentry from "@sentry/react";
-import {BrowserTracing} from "@sentry/browser";
 import {createRoot} from "react-dom/client";
 
 Sentry.init({
-  dsn: "https://5dd57f3c6d084c2087beb45a916f4d7b@o4504497555963904.ingest.sentry.io/4504497557143552",
-  integrations: [new BrowserTracing()],
+  dsn: process.env.SENTRY_DSN,
+  integrations: [Sentry.browserTracingIntegration()],
 
   // Set tracesSampleRate to 1.0 to capture 100%
   // of transactions for performance monitoring.