console-err-msg

src/components/achievementCard/AchievementCard.js

@@ -2,8 +2,9 @@ import React from "react";
 import "./AchievementCard.scss";
 
 export default function AchievementCard({cardInfo, isDark}) {
-  function openUrlInNewTab(url) {
+  function openUrlInNewTab(url, name) {
     if (!url) {
+      console.log(`URL for ${name} not found`);
       return;
     }
     var win = window.open(url, "_blank");
@@ -31,7 +32,7 @@ export default function AchievementCard({cardInfo, isDark}) {
               className={
                 isDark ? "dark-mode certificate-tag" : "certificate-tag"
               }
-              onClick={() => openUrlInNewTab(v.url)}
+              onClick={() => openUrlInNewTab(v.url, v.name)}
             >
               {v.name}
             </span>

src/components/blogCard/BlogCard.js

@@ -2,16 +2,17 @@ import React from "react";
 import "./BlogCard.scss";
 
 export default function BlogCard({blog, isDark}) {
-  function openUrlInNewTab(url) {
+  function openUrlInNewTab(url, name) {
     if (!url) {
+      console.log(`URL for ${name} not found`);
       return;
     }
     var win = window.open(url, "_blank");
     win.focus();
   }
 
   return (
-    <div onClick={() => openUrlInNewTab(blog.url)}>
+    <div onClick={() => openUrlInNewTab(blog.url, blog.title)}>
       <div className={isDark ? "blog-container dark-mode" : "blog-container"}>
         <a
           className={

src/components/educationCard/EducationCard.js

@@ -16,6 +16,9 @@ export default function EducationCard({school}) {
       : null;
   };
   const {isDark} = useContext(StyleContext);
+
+  if (!school.logo)
+    console.error(`Image of ${school.name} is missing in education section`);
   return (
     <div>
       <Fade left duration={1000}>

src/components/githubRepoCard/GithubRepoCard.js

@@ -3,8 +3,9 @@ import "./GithubRepoCard.scss";
 import {Fade} from "react-reveal";
 
 export default function GithubRepoCard({repo, isDark}) {
-  function openUrlInNewTab(url) {
+  function openUrlInNewTab(url, name) {
     if (!url) {
+      console.log(`URL in ${name} is undefined`);
       return;
     }
     var win = window.open(url, "_blank");
@@ -17,7 +18,7 @@ export default function GithubRepoCard({repo, isDark}) {
         <div
           className={isDark ? "dark-card-mode repo-card-div" : "repo-card-div"}
           key={repo.node.id}
-          onClick={() => openUrlInNewTab(repo.node.url)}
+          onClick={() => openUrlInNewTab(repo.node.url, repo.node.name)}
         >
           <div className="repo-name-div">
             <svg

src/containers/podcast/Podcast.js

@@ -6,6 +6,10 @@ import StyleContext from "../../contexts/StyleContext";
 
 export default function Podcast() {
   const {isDark} = useContext(StyleContext);
+
+  if (!podcastSection)
+    console.error("podcastSection object for Podcast section is missing");
+
   if (!podcastSection.display) {
     return null;
   }
@@ -26,6 +30,11 @@ export default function Podcast() {
         </div>
         <div className="podcast-main-div">
           {podcastSection.podcast.map((podcastLink, i) => {
+            if (!podcastLink) {
+              console.log(
+                `Podcast link for ${podcastSection.title} is missing`
+              );
+            }
             return (
               <div key={i}>
                 <iframe

src/containers/profile/Profile.js

@@ -21,7 +21,6 @@ export default function Profile() {
             if (result.ok) {
               return result.json();
             }
-            console.error(result);
           })
           .then(response => {
             setProfileFunction(response.data.user);
@@ -31,8 +30,8 @@ export default function Profile() {
             console.log(
               "Because of this error, contact section has reverted to default"
             );
-            console.error(error);
             openSource.showGithubProfile = "false";
+            console.error(error);
           });
       };
       getProfileData();

src/containers/projects/Projects.js

@@ -50,6 +50,11 @@ export default function Projects() {
           <h1 className="project-title">Open Source Projects</h1>
           <div className="repo-cards-div-main">
             {repo.map((v, i) => {
+              if (!v) {
+                console.error(
+                  `Github Object for repository number : ${i} is undefined`
+                );
+              }
               return (
                 <GithubRepoCard repo={v} key={v.node.id} isDark={isDark} />
               );

src/containers/twitter-embed/twitter.js

@@ -24,6 +24,9 @@ export default function Twitter() {
   if (!twitterDetails.display) {
     return null;
   }
+  if (!twitterDetails.userName) {
+    console.error("Twitter username for twitter section is missing");
+  }
   if (twitterDetails.userName) {
     return (
       <Suspense fallback={renderLoader()}>