requested changes

Author: ksraj123

netlify-functions/getBlogs.js

@@ -1,22 +1,22 @@
-const axios = require('axios');
-const xml2js =  require("xml2js");
+const axios = require("axios");
+const xml2js = require("xml2js");
 
 exports.handler = async (event, context, callback) => {
-    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, {
-                statusCode: 200,
-                headers: {
-                    'Access-Control-Allow-Origin': '*'
-                },
-                body: JSON.stringify(sendthis)
-            })
-        });
-    } catch(err) {
-        console.log(err);
-    }
-}
+  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, {
+        statusCode: 200,
+        headers: {
+          "Access-Control-Allow-Origin": "*"
+        },
+        body: JSON.stringify(sendthis)
+      });
+    });
+  } catch (err) {
+    console.log(err);
+  }
+};

netlify-functions/getLikedTweets.js

@@ -1,16 +1,8 @@
-const axios = require("axios");
+const TwitterAxios = require("../src/helpers/twitterAxios");
 
 exports.handler = async (event, context, callback) => {
   try {
-    const TwitterApi = axios.create({
-      baseURL: "https://api.twitter.com/1.1",
-      headers: {
-        Authorization:
-          "Bearer AAAAAAAAAAAAAAAAAAAAAEtZGgEAAAAAToMHBHPR1ZpRPIVmo0B9G4syUxs%3DKJpStKohUbcPsI69bLsBOUbwrvpEpDL2JBJ9JuzvnkGDaMZ1Np"
-      }
-    });
-
-    const likedTweetsResponse = await TwitterApi.get(
+    const likedTweetsResponse = await TwitterAxios.get(
       "/favorites/list.json?count=50&screen_name=codeuino"
     );
 

netlify-functions/getTweets.js

@@ -1,16 +1,8 @@
-const axios = require("axios");
+const TwitterAxios = require("../src/helpers/twitterAxios");
 
 exports.handler = async (event, context, callback) => {
   try {
-    const TwitterApi = axios.create({
-      baseURL: "https://api.twitter.com/1.1",
-      headers: {
-        Authorization:
-          "Bearer AAAAAAAAAAAAAAAAAAAAAEtZGgEAAAAAToMHBHPR1ZpRPIVmo0B9G4syUxs%3DKJpStKohUbcPsI69bLsBOUbwrvpEpDL2JBJ9JuzvnkGDaMZ1Np"
-      }
-    });
-
-    const allTweetsResponse = await TwitterApi.get(
+    const allTweetsResponse = await TwitterAxios.get(
       "/statuses/user_timeline.json?screen_name=codeuino&count=100"
     );
 

netlify.toml

@@ -1,2 +1,6 @@
 [ build ]
   functions = "lambda"
+
+# provide twitter api key
+[build.environment]
+  TWITTER_API_KEY = "AAAAAAAAAAAAAAAAAAAAAEtZGgEAAAAAToMHBHPR1ZpRPIVmo0B9G4syUxs%3DKJpStKohUbcPsI69bLsBOUbwrvpEpDL2JBJ9JuzvnkGDaMZ1Np"

src/components/Medium/Medium.js

@@ -1,22 +1,21 @@
 import React from "react";
 import axios from "axios";
 import "./Medium.css";
+import base from "../../helpers/apiBase";
 
 class Medium extends React.Component {
   state = {
     posts: []
   };
 
   componentDidMount() {
-    const devUrl = 'http://localhost:9000/getBlogs';
-    const prodUrl = '/.netlify/functions/getBlogs';
     axios
-      .get(process.env.NODE_ENV === "development"? devUrl : prodUrl)
+      .get(base+"/getBlogs")
       .then(res => {
         const data = res.data;
         console.log(data);
         this.setState({
-            posts: data
+          posts: data
         });
       });
   }
@@ -38,9 +37,7 @@ class Medium extends React.Component {
                   }}
                 ></div>
                 <div className="fading-box">
-                    <div className="view-more">
-                        View More
-                    </div>
+                  <div className="view-more">View More</div>
                 </div>
               </a>
             </div>

src/components/NavBar/NavBar.css

@@ -1,32 +1,35 @@
-#myNav{
-    background-color: white;
+#myNav {
+  background-color: white;
 }
 
 .nav-item {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 
 .navbar-scroll {
-    box-shadow: 0px 2px 15px grey;
+  box-shadow: 0px 2px 15px grey;
 }
 
 a {
-    transition: transform 0.6s;
+  transition: transform 0.6s;
 }
 
-a:hover{
-    text-decoration:none;
-    transform: scale(1.05);
+a:hover {
+  text-decoration: none;
+  transform: scale(1.05);
 }
 
-.nav-link:visited{
-    color: rgba(0, 0, 0, 0.7);
+.nav-link:visited {
+  color: rgba(0, 0, 0, 0.7);
 }
 
-.nav-link.active, .nav-link.disabled, .nav-link:focus, .nav-link {
-    color: rgba(0, 0, 0, 0.7) !important;
+.nav-link.active,
+.nav-link.disabled,
+.nav-link:focus,
+.nav-link {
+  color: rgba(0, 0, 0, 0.7) !important;
 }
 
-.blue:hover{
-    color : lightblue;
-}
+.blue:hover {
+  color: lightblue;
+}

src/helpers/apiBase.js

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

src/helpers/twitterAxios.js

@@ -0,0 +1,11 @@
+const axios = require("axios");
+
+const TwitterAxios = axios.create({
+  baseURL: "https://api.twitter.com/1.1",
+  headers: {
+    Authorization:
+      `Bearer ${process.env.TWITTER_API_KEY}`
+  }
+});
+
+module.exports = TwitterAxios;