Tweets section updated

package.json

@@ -7,7 +7,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.4.0",
     "@testing-library/user-event": "^7.2.1",
-    "axios": "^0.19.1",
+    "axios": "^0.19.2",
     "highlight.js": "^9.17.1",
     "history": "^4.10.1",
     "html-to-markdown": "^1.0.0",
@@ -37,7 +37,7 @@
     "semantic-ui-react": "^0.88.2"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "HTTPS=true react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

src/App.js

@@ -18,7 +18,6 @@ import BlogList from './pages/Blogs/BlogList'
 // import Codebadge from './pages/Codebadge/Codebadge';
 import NavBar from './components/NavBar'
 import Footer from './components/Footer'
-import TwitterFeeds from './components/TwitterFeeds/TwitterFeeds'
 
 // import Header from "./Header/header"
 function App() {
@@ -67,7 +66,6 @@ function App() {
 
           </Switch>
       </BrowserRouter>
-      <TwitterFeeds/>
       <Footer/>
     </div>
   </>

src/components/TwitterFeeds/TwitterFeeds.js

@@ -1,14 +1,43 @@
-import React from 'react';
-import { TwitterTimelineEmbed } from 'react-twitter-embed';
-const TwitterFeeds = () => {
-    return (
-        <div class="container" style={{justfyContent:"space-evenly"}}>
-            <TwitterTimelineEmbed
-                sourceType="profile"
-                screenName="codeuino"
-            />
-      </div>
-    );
+import React, { Component } from 'react';
+import axios from "axios";
+export class TwitterFeeds extends Component {
+    constructor(props){
+        super(props);
+        this.state={
+            tweets:[]
+        }
+
+    }
+
+    componentDidMount(){
+          axios.get("https://cors-anywhere.herokuapp.com/https://tweet-help.herokuapp.com/tweets",{params:{username:"codeuino"}})
+            .then(res=>{
+                let tweets = res.data.tweets
+                this.setState({'tweets':tweets})
+            })
+            .catch(err=>console.log(err))
+    }
+    render() {
+        return (
+            <div>
+                <h2>Latest Updates</h2>
+                <div class="container">
+                    <div class="row" style={{justifyContent:"space-around"}}>
+                        {
+                            this.state.tweets.map((content,index)=>{
+                                let url="https://twitframe.com/show?url=https%3A%2F%2Ftwitter.com%2Fcodeuino%2Fstatus%2F"+content[5];
+                                console.log(url)
+                                return <iframe border="0" scrolling="no" frameborder="0" height="300" src={url} ></iframe>
+                                }
+                            )
+                        }
+                    </div>
+                    <br/>
+                    <a href="https://twitter.com/codeuino" class="shadow lift mr-1" style={{color:"#22247A"}}><u>Read More on Twitter</u></a>
+                </div>
+            </div>
+        );
+    }
 }
 
 export default TwitterFeeds;

src/pages/Home/NewHome.js

@@ -5,6 +5,7 @@ import Projects from './Components/Projects'
 import LandingPageComponent from './Components/LandingPageComponent'
 import Activities from './Components/Activities'
 import Partners from './Components/Partners'
+import TweetFeeds from '../../components/TwitterFeeds/TwitterFeeds'
 const NewHome = () => {
     return (
         <div>
@@ -15,6 +16,7 @@ const NewHome = () => {
 				<Projects/>
 				<Activities/>
 				<Partners/>
+				<TweetFeeds/>
 				<ScrollToTopBtn />
 		</div>
 	</div>