Merge pull request academicpages#242 from ashutosh1919/restructure-publications

Restructure Publications

Author: saiteja13427

src/components/publicationsCard/PublicationCard.js

@@ -2,8 +2,8 @@ import React from "react";
 import "./PublicationCard.css";
 import { Fade } from "react-reveal";
 
-export default function GithubRepoCard({ repo, theme }) {
-  function openRepoinNewTab(url) {
+export default function PublicationCard({ pub, theme }) {
+  function openPubinNewTab(url) {
     var win = window.open(url, "_blank");
     win.focus();
   }
@@ -14,21 +14,21 @@ export default function GithubRepoCard({ repo, theme }) {
       style={{ backgroundColor: theme.highlight }}
     >
       <Fade bottom duration={2000} distance="40px">
-        <div key={repo.id} onClick={() => openRepoinNewTab(repo.url)}>
+        <div key={pub.id} onClick={() => openPubinNewTab(pub.url)}>
           <div className="publication-name-div">
             <p className="publication-name" style={{ color: theme.text }}>
-              {repo.name}
+              {pub.name}
             </p>
           </div>
           <p className="publication-description" style={{ color: theme.text }}>
-            {repo.description}
+            {pub.description}
           </p>
           <div className="publication-details">
             <p
               className="publication-creation-date subTitle"
               style={{ color: theme.secondaryText }}
             >
-              Published on {repo.createdAt.split("T")[0]}
+              Published on {pub.createdAt.split("T")[0]}
             </p>
           </div>
           {/* <div className="repo-stats">

src/pages/projects/Projects.js

@@ -6,9 +6,13 @@ import PublicationCard from "../../components/publicationsCard/PublicationCard";
 import Button from "../../components/button/Button";
 import TopButton from "../../components/topButton/TopButton";
 import { Fade } from "react-reveal";
-import { greeting, projectsHeader, publicationsHeader } from "../../portfolio.js";
+import {
+  greeting,
+  projectsHeader,
+  publicationsHeader,
+  publications,
+} from "../../portfolio.js";
 import ProjectsData from "../../shared/opensource/projects.json";
-import PublicationData from "../../shared/opensource/publications.json";
 import "./Projects.css";
 import ProjectsImg from "./ProjectsImg";
 
@@ -82,8 +86,8 @@ class Projects extends Component {
         </div>
 
         <div className="repo-cards-div-main">
-          {PublicationData.data.map((repo) => {
-            return <PublicationCard repo={repo} theme={theme} />;
+          {publications.data.map((pub) => {
+            return <PublicationCard pub={pub} theme={theme} />;
           })}
         </div>
 

src/portfolio.js

@@ -649,6 +649,51 @@ const publicationsHeader = {
   avatar_image_path: "projects_image.svg",
 };
 
+const publications = {
+  data: [
+    {
+      id: "MDEwOlJlcG9zaXRvcnkyNDU0NjcyNzQ=",
+      name: "Artificial Intelligence Paper",
+      createdAt: "2020-03-06T16:26:54Z",
+      description: "Paper Written on Artificial Intelligence published in xyz ",
+      url:
+        "https://www.andrewng.org/publications/building-high-level-features-using-large-scale-unsupervised-learning/",
+    },
+    {
+      id: "MDEwOlJlcG9zaXRvcnkyNDU0NjcyNzi=",
+      name: "Artificial Intelligence Paper",
+      createdAt: "2020-03-06T16:26:54Z",
+      description: "Paper Written on Artificial Intelligence published in xyz ",
+      url:
+        "https://www.andrewng.org/publications/building-high-level-features-using-large-scale-unsupervised-learning/",
+    },
+    {
+      id: "MDEwOlJlcG9zaXRvcnkyNDU0NjcyNze=",
+      name: "Artificial Intelligence Paper",
+      createdAt: "2020-03-06T16:26:54Z",
+      description: "Paper Written on Artificial Intelligence published in xyz ",
+      url:
+        "https://www.andrewng.org/publications/building-high-level-features-using-large-scale-unsupervised-learning/",
+    },
+    {
+      id: "MDEwOlJlcG9zaXRvcnkyNDU0NjcyNzt=",
+      name: "Artificial Intelligence Paper",
+      createdAt: "2020-03-06T16:26:54Z",
+      description: "Paper Written on Artificial Intelligence published in xyz ",
+      url:
+        "https://www.andrewng.org/publications/building-high-level-features-using-large-scale-unsupervised-learning/",
+    },
+    {
+      id: "MDEwOlJlcG9zaXRvcnkyNDU0NjcyNzb=",
+      name: "Artificial Intelligence Paper",
+      createdAt: "2020-03-06T16:26:54Z",
+      description: "Paper Written on Artificial Intelligence published in xyz ",
+      url:
+        "https://www.andrewng.org/publications/building-high-level-features-using-large-scale-unsupervised-learning/",
+    },
+  ],
+};
+
 // Contact Page
 const contactPageData = {
   contactSection: {
@@ -689,5 +734,6 @@ export {
   experience,
   projectsHeader,
   publicationsHeader,
+  publications,
   contactPageData,
 };