Removing modal

Author: AuraOfDivinity

package.json

@@ -24,7 +24,6 @@
     "markdown-it-task-lists": "^2.1.1",
     "marked": "^0.8.0",
     "react": "^16.12.0",
-    "react-awesome-modal": "^2.0.5",
     "react-bootstrap": "^1.0.0-beta.16",
     "react-dom": "^16.12.0",
     "react-markdown": "^4.3.1",

src/pages/Blogs/BlogList.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import './BlogList.css';
-import Modal from 'react-awesome-modal';
 
 class BlogList extends React.Component {
   constructor(props) {
@@ -23,7 +22,6 @@ class BlogList extends React.Component {
         return res.json();
       })
       .then(resData => {
-        console.log(resData);
         for (let i = 0; i < resData.items.length; i++) {
           let obj = {};
           obj.title = resData.items[i].title;
@@ -41,11 +39,6 @@ class BlogList extends React.Component {
           let reg = /<\s*p[^>]*>([^<]*)<\s*\/\s*p\s*>/;
           let stream = resData.items[i].content_encoded.match(reg);
 
-          let div = document.createElement('div');
-          div.innerHTML = resData.items[i].content_encoded;
-
-          obj.longDescription = div.textContent || div.innerText || '';
-
           obj.description =
             stream[1]
               .split(' ')
@@ -61,25 +54,6 @@ class BlogList extends React.Component {
       });
   }
 
-  handleClick = currentActivity => {
-    this.setState(
-      {
-        currentActivity: currentActivity
-      },
-      () => {
-        this.setState({
-          visible: true
-        });
-      }
-    );
-  };
-
-  closeModal = () => {
-    this.setState({
-      visible: false
-    });
-  };
-
   render() {
     return (
       <div className='mt-10'>
@@ -110,10 +84,9 @@ class BlogList extends React.Component {
                             </p>
 
                             <a
-                              href='#'
+                              href={currentActivity.link}
                               className='activity btn btn-outline-primary mt-auto btn-block align-self-end'
                               style={{ marginTop: 'auto' }}
-                              onClick={() => this.handleClick(currentActivity)}
                             >
                               Read More
                             </a>
@@ -127,54 +100,6 @@ class BlogList extends React.Component {
             </section>
           </div>
         </main>
-        <Modal
-          visible={this.state.visible}
-          width='90%'
-          height='90%'
-          effect='fadeInUp'
-          onClickAway={() => this.closeModal()}
-        >
-          <div>
-            <img
-              src={
-                this.state.currentActivity ? this.state.currentActivity.img : ''
-              }
-              style={{
-                margin: '10px',
-                height: '200px',
-                objectFit: 'scale-down'
-              }}
-            ></img>
-            <h2 style={{ padding: '10px' }}>
-              {this.state.currentActivity
-                ? this.state.currentActivity.title
-                : ''}
-            </h2>
-            <div style={{ width: '100%', height: '100%' }}>
-              <p
-                style={{
-                  fontSize: '10',
-                  overflow: 'auto',
-                  display: 'block',
-                  height: '450px',
-                  margin: '10px'
-                }}
-              >
-                {this.state.currentActivity
-                  ? this.state.currentActivity.longDescription
-                  : ''}
-              </p>
-            </div>
-
-            <button
-              type='button'
-              class='btn btn-danger btn-circle'
-              onClick={this.closeModal}
-            >
-              <i class='fa fa-times'></i>
-            </button>
-          </div>
-        </Modal>
       </div>
     );
   }