Merge pull request #220 from sammychinedu2ky/development

Fixed some issues in relation to http headers, profile links and proxies

Author: vaibhavdaren

netlify-functions/getBlogs.js

@@ -1,14 +1,14 @@
 const axios = require("axios");
 const xml2js = require("xml2js");
 
-exports.handler = async (event, context, callback) => {
+exports.handler = async () => {
   const mediumURL = "https://medium.com/feed/codeuino";
   try {
     const response = await axios.get(`${mediumURL}`);
     const data = response.data;
     xml2js.parseString(data, (err, result) => {
       const sendthis = result.rss.channel[0].item.slice(0, 3);
-      callback(null, {
+      return ( {
         statusCode: 200,
         headers: {
           "Access-Control-Allow-Origin": "*"

netlify-functions/getLikedTweets.js

@@ -1,15 +1,15 @@
 const TwitterAxios = require("../src/helpers/twitterAxios");
 
-exports.handler = async (event, context, callback) => {
+exports.handler = async () => {
   try {
     const likedTweetsResponse = await TwitterAxios.get(
       "/favorites/list.json?count=50&screen_name=codeuino"
     );
 
-    callback(null, {
+    return ({
       statusCode: 200,
       headers: {
-        "Access-Control-Allow-Origin": "*"
+        "Access-Control-Allow-Origin": '*'
       },
       body: JSON.stringify(likedTweetsResponse.data)
     });

netlify-functions/getTweets.js

@@ -1,15 +1,15 @@
 const TwitterAxios = require("../src/helpers/twitterAxios");
 
-exports.handler = async (event, context, callback) => {
+exports.handler = async () => {
   try {
     const allTweetsResponse = await TwitterAxios.get(
       "/statuses/user_timeline.json?screen_name=codeuino&count=100"
     );
 
-    callback(null, {
+    return ({
       statusCode: 200,
       headers: {
-        "Access-Control-Allow-Origin": "*"
+        "Access-Control-Allow-Origin": '*'
       },
       body: JSON.stringify(allTweetsResponse.data)
     });

package-lock.json

@@ -15,6 +15,7 @@
     "highlight.js": "^9.17.1",
     "history": "^4.10.1",
     "html-to-markdown": "^1.0.0",
+    "http-proxy-middleware": "^1.0.5",
     "list-react-files": "^0.2.0",
     "markdown-it": "^10.0.0",
     "markdown-it-abbr": "^1.0.4",
@@ -54,7 +55,7 @@
   "scripts": {
     "lambda-serve": "netlify-lambda serve netlify-functions",
     "heroku-postbuild": "npm run build",
-    "start": "serve -s build -l 3000",
+    "start": "netlify-lambda serve netlify-functions & serve -s build -l 3000",
     "prebuild": "netlify-lambda build netlify-functions",
     "build": "CI=false || set \"CI=false\" && react-scripts build",
     "test": "react-scripts test",
@@ -79,4 +80,5 @@
   "devDependencies": {
     "gh-pages": "^3.1.0"
   }
-}
+  
+}

package.json

@@ -19,7 +19,7 @@ class Medium extends React.Component {
     }
   };
   componentDidMount() {
-    this.fetchBlogs();
+    //this.fetchBlogs();
   }
 
   render() {

src/components/Medium/Medium.js

@@ -37,22 +37,22 @@ const Testimonials = () => {
           containerClass="testimonial-container"
           itemClass="testimonial-item"
         >
-          {Data.map((testimonial) => {
+          {Data.map((testimonial,index) => {
             return (
-              <div class="testimonial-card">
-                <div class="testimonial-card-text">{testimonial.quote}</div>
-                <div class="testimonial-card-footer-container">
-                  <div class="testimonial-card-footer">
-                    <div class="testimonial-image">
+              <div className="testimonial-card" key={index}>
+                <div className="testimonial-card-text">{testimonial.quote}</div>
+                <div className="testimonial-card-footer-container">
+                  <div className="testimonial-card-footer">
+                    <div className="testimonial-image">
                       <Image
                         alt="User Image"
                         width="100%"
                         src={testimonial.image}
                       />
                     </div>
-                    <h3 class="testimonial-person-name">{testimonial.name}</h3>
-                    <h4 class="testimonial-person-role">{testimonial.role}</h4>
-                    <p class="testimonial-person-description">
+                    <h3 className="testimonial-person-name">{testimonial.name}</h3>
+                    <h4 className="testimonial-person-role">{testimonial.role}</h4>
+                    <p className="testimonial-person-description">
                       {testimonial.description}
                     </p>
                   </div>

src/components/Testimonials/Testimonials.js

@@ -33,6 +33,7 @@ class Twitter extends React.Component {
     axios
       .get(base + "/getLikedTweets")
       .then((Response) => {
+        console.log(Response);
         this.likedTweets = Response.data;
         this.loadLikedTweets();
       })
@@ -64,6 +65,7 @@ class Twitter extends React.Component {
   };
 
   render() {
+    
     return (
       <React.Fragment>
         <Row className="twitter-container">

src/components/Twitter/Twitter.js

@@ -1,3 +1,2 @@
-export default process.env.NODE_ENV === "development"
-  ? "http://localhost:9000"
-  : "/.netlify/functions";
+export default "/.netlify/functions"
+

src/helpers/apiBase.js

@@ -89,8 +89,8 @@ const Collaborate = () => {
       />
       <Row className="about-card-container">
         {collaborationMethods.map((ele, index) => (
-          <Col sm={6} md={4} lg={3} className="collaborate-card-container">
-            <CollaborateCard {...ele} key={index} />
+          <Col key={index}  sm={6} md={4} lg={3} className="collaborate-card-container">
+            <CollaborateCard {...ele}  />
           </Col>
         ))}
       </Row>