Merge pull request academicpages#246 from aash1999/emptyFields

Empty fields

Author: saiteja13427

src/pages/education/EducationComponent.js

@@ -7,6 +7,7 @@ import Certifications from "../../containers/certifications/Certifications";
 import CompetitiveSites from "../../components/competitiveSites/CompetitiveSites";
 import EducationImg from "./EducationImg";
 import { competitiveSites } from "../../portfolio";
+import { certifications } from "../../portfolio";
 import "./EducationComponent.css";
 import { Fade } from "react-reveal";
 
@@ -38,7 +39,9 @@ class Education extends Component {
             </div>
           </Fade>
           <Educations theme={this.props.theme} />
-          <Certifications theme={this.props.theme} />
+          {certifications.certifications.length > 0 ? (
+            <Certifications theme={this.props.theme} />
+          ) : null}
         </div>
         <Footer theme={this.props.theme} />
         <TopButton theme={this.props.theme} />

src/pages/projects/Projects.js

@@ -63,27 +63,28 @@ class Projects extends Component {
         />
 
         {/* Publications  */}
-
-        <div className="basic-projects">
-          <Fade bottom duration={2000} distance="40px">
-            <div className="publications-heading-div">
-              <div className="publications-heading-text-div">
-                <h1
-                  className="publications-heading-text"
-                  style={{ color: theme.text }}
-                >
-                  {publicationsHeader.title}
-                </h1>
-                <p
-                  className="projects-header-detail-text subTitle"
-                  style={{ color: theme.secondaryText }}
-                >
-                  {publicationsHeader["description"]}
-                </p>
+        {publications.data.length > 0 ? (
+          <div className="basic-projects">
+            <Fade bottom duration={2000} distance="40px">
+              <div className="publications-heading-div">
+                <div className="publications-heading-text-div">
+                  <h1
+                    className="publications-heading-text"
+                    style={{ color: theme.text }}
+                  >
+                    {publicationsHeader.title}
+                  </h1>
+                  <p
+                    className="projects-header-detail-text subTitle"
+                    style={{ color: theme.secondaryText }}
+                  >
+                    {publicationsHeader["description"]}
+                  </p>
+                </div>
               </div>
-            </div>
-          </Fade>
-        </div>
+            </Fade>
+          </div>
+        ) : null}
 
         <div className="repo-cards-div-main">
           {publications.data.map((pub) => {