Added icons and improved the post functionality (#348)

* Created grid layout for news section

Event and Project Details Card added to news feed

Refactored code for better readability

* Fix netlify react-router issue

* hotfix for auth login

* Added icons and improved the post functionality

build.sh

@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+echo "/*    /index.html   200" >> ./build/_redirects

package.json

@@ -18,7 +18,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "react-scripts build && ./build.sh",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

src/App.css

@@ -8,6 +8,11 @@
   src: local('Inter'), url(./fonts/Inter-Regular.otf) format('opentype');
 }
 
+@font-face {
+  font-family: 'Qanelas';
+  src: local('Qanelas'), url(./fonts/Qanelas-Regular.ttf) format('truetype');
+}
+
 .App {
   text-align: center;
 }

src/auth/auth-service.js

@@ -1,7 +1,7 @@
 import axios from "axios";
 
 export const loginIn = body => {
-  return axios.post("http://donut-api-prod.codeuino.org/auth/login", {
+  return axios.post("https://donut-backend-prod.herokuapp.com/auth/login", {
     email: body.email,
     password: body.password
   });

src/jsonData/news-feed.js

@@ -0,0 +1,88 @@
+import profileImg from '../svgs/evt-creator.svg';
+import eventImg from "../svgs/event-img-1.svg";
+import eventImg2 from "../svgs/event-img-2.svg";
+
+const newsFeed = [
+    {
+        _id: 1,
+        imgSrc: profileImg,
+        createdBy: 'Marjorie Alexander',
+        created: 'June 5, 2018 4:31 AM', 
+        details: 'ex sit ex laboris adipisicing enim eiusmod proident exercitation ea fugiat in mollit pariatur occaecat ut nostrud ullamco ex official',
+        upvotes: 810,
+        downVotes: 185,
+        eventImage: null,
+        type: 'Donut'
+    },
+    {
+        _id: 2,
+        imgSrc: profileImg,
+        createdBy: 'Marjorie Alexander',
+        created: 'June 5, 2018 4:31 AM',
+        details: 'ex sit ex laboris adipisicing enim eiusmod proident exercitation ea fugiat in mollit pariatur occaecat ut nostrud ullamco ex official',
+        upvotes: 80,
+        downVotes: 15,
+        eventImage: eventImg2,
+        type: 'Project',
+        projectName: 'Some Huge Project Name',
+        projectOwner: 'Neilson'
+    },
+    {
+        _id: 3,
+        imgSrc: profileImg,
+        createdBy: 'Marjorie Alexander',
+        created: 'June 5, 2018 4:31 AM',
+        details: 'ex sit ex laboris adipisicing enim eiusmod proident exercitation ea fugiat in mollit pariatur occaecat ut nostrud ullamco ex official',
+        upvotes: 104,
+        downVotes: 25,
+        eventImage: null,
+        type: 'Donut'
+    },
+    {
+        _id: 4,
+        imgSrc: profileImg,
+        createdBy: 'Marjorie Alexander',
+        created: 'June 5, 2018 4:31 AM',
+        details: 'ex sit ex laboris adipisicing enim eiusmod proident exercitation ea fugiat in mollit pariatur occaecat ut nostrud ullamco ex official',
+        upvotes: 810,
+        downVotes: 185,
+        eventImage: null,
+        type: 'Donut'
+    },
+    {
+        _id: 5,
+        imgSrc: profileImg,
+        createdBy: 'Marjorie Alexander',
+        created: 'June 5, 2018 4:31 AM',
+        eventName: 'Christmas Party',
+        details: 'ex sit ex laboris adipisicing enim eiusmod proident exercitation ea fugiat in mollit pariatur occaecat ut nostrud ullamco ex official',
+        upvotes: 80,
+        downVotes: 15,
+        eventImage: eventImg,
+        type: 'Event'
+    },
+    {
+        _id: 6,
+        imgSrc: profileImg,
+        createdBy: 'Marjorie Alexander',
+        created: 'June 5, 2018 4:31 AM',
+        details: 'ex sit ex laboris adipisicing enim eiusmod proident exercitation ea fugiat in mollit pariatur occaecat ut nostrud ullamco ex official',
+        upvotes: 80,
+        downVotes: 15,
+        eventImage: null,
+        type: 'Donut'
+    },
+    {
+        _id: 7,
+        imgSrc: profileImg,
+        createdBy: 'Marjorie Alexander',
+        created: 'June 5, 2018 4:31 AM',
+        details: 'ex sit ex laboris adipisicing enim eiusmod proident exercitation ea fugiat in mollit pariatur occaecat ut nostrud ullamco ex official',
+        upvotes: 810,
+        downVotes: 185,
+        eventImage: null,
+        type: 'Donut'
+    },
+]
+
+export default newsFeed;

src/jsonData/notifications.js

@@ -0,0 +1,36 @@
+import donutIcon from '../svgs/donut-icon.svg'
+import icon2 from '../svgs/not-icon-2.svg'
+import icon3 from '../svgs/not-icon-3.svg'
+
+const customNotifications = [
+    {
+      _id: 1,
+      imgSrc: donutIcon,
+      heading: 'Cody Nguyen',
+      content: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: '+1 RSVP'
+    },
+    {
+      _id: 2,
+      imgSrc: icon2,
+      heading: 'Arlene Mccoy',
+      content: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: ''
+    },
+    {
+      _id: 3,
+      imgSrc: icon3,
+      heading: 'Julian Richards',
+      content: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: 'View'
+    },
+    {
+      _id: 4,
+      imgSrc: donutIcon,
+      heading: 'Julian Richards',
+      content: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: ''
+    },
+]
+
+export default customNotifications;

src/jsonData/upcoming-events.js

@@ -0,0 +1,48 @@
+import profileImg from '../svgs/profile-icon.svg';
+
+const events = [
+    {
+      _id: 1,
+      imgSrc: profileImg,
+      createdBy: 'Julian Richards',
+      description: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: '+1 RSVP'
+    },
+    {
+      _id: 2,
+      imgSrc: profileImg,
+      createdBy: 'Julian Richards',
+      description: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: ''
+    },
+    {
+      _id: 3,
+      imgSrc: profileImg,
+      createdBy: 'Julian Richards',
+      description: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: '+1 RSVP'
+    },
+    {
+      _id: 4,
+      imgSrc: profileImg,
+      createdBy: 'Julian Richards',
+      description: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: ''
+    },
+    {
+      _id: 5,
+      imgSrc: profileImg,
+      createdBy: 'Julian Richards',
+      description: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: ''
+    },
+    {
+      _id: 6,
+      imgSrc: profileImg,
+      createdBy: 'Julian Richards',
+      description: 'Lorem ipsum dolor sit amet, duo esse augue torgatos te, ius an nisi deterruisset.',
+      tag: ''
+    }
+]
+
+export default events;