Merge pull request #399 from SparkEdUAB/remove_slider

Remove slider

.gitignore

@@ -76,3 +76,4 @@ settings.json
 # config.json
 .deploy/
 .vscode/
+config.json

config.json

@@ -1,7 +1,7 @@
 {
-  "name": "SparkEd Institute",
-  "tag": "Education",
-  "isUserAuth": true,
+  "name": "Inspired",
+  "tag": "To Inspire",
+  "isUserAuth": false,
   "isHighSchool": false,
   "isConfigured": true,
   "server": "http://localhost:3000"

imports/ui/components/Home.jsx

@@ -8,11 +8,9 @@ import { _Courses } from '../../api/courses/courses';
 import { _Units } from '../../api/units/units';
 import Courses from './content/Courses.jsx';
 import { FloatingButton } from './Utilities/Utilities.jsx';
-import ImgSlider from "../components/layouts/ImageSlider"; // eslint-disable-line
 import * as Config from '../../../config.json';
 import { Loader } from "./Loader"; // eslint-disable-line
 import ErrorBoundary from "./ErrorBoundary"; // eslint-disable-line
-import { ThemeContext } from "../containers/AppWrapper"; // eslint-disable-line
 
 export class Home extends PureComponent {
   componentDidMount() {
@@ -24,32 +22,25 @@ export class Home extends PureComponent {
   }
 
   renderCourses() {
-    let index = 0;
     const { courses } = this.props;
     if (!courses) {
       return <span> No Courses </span>;
     } else if (courses.length === 0) {
       return <p className="center"> There is no content as yet </p>;
     }
-    return courses.map(cours => <Courses key={index++} course={cours} />);
+    return courses.map(cours => <Courses key={cours._id} course={cours} />);
   }
 
   render() {
-    const { courseReady } = this.props;
-
+    const { courseReady, courses } = this.props;
     return (
       <ErrorBoundary>
-        <ThemeContext.Consumer>
-          {({ state }) => (
             <Fragment>
-              <ImgSlider isDark={state.isDark} />
-              <div className="container ">
+              <div className={`container ${!courseReady || !courses.length ? 'center-page' : ''}`}>
                 <div className="row ">
-                  <div className="input-field col s12">
+                  <div className={`input-field col s12`}>
                     <select
-                      onChange={e => {
-                        Session.set('language', e.target.value);
-                      }}
+                      onChange={e => Session.set('language', e.target.value)}
                     >
                       <option value="" disabled defaultValue>
                         Choose your Language
@@ -64,11 +55,9 @@ export class Home extends PureComponent {
                 <div className="row ">
                   {courseReady ? this.renderCourses() : <Loader />}
                 </div>
-                <FloatingButton />
               </div>
+                <FloatingButton />
             </Fragment>
-          )}
-        </ThemeContext.Consumer>
       </ErrorBoundary>
     );
   }

imports/ui/components/Search/SearchPage.jsx

@@ -7,7 +7,7 @@ export default function SearchPage() {
     return FlowRouter.go(`/results?q=${value}`);
   }
   return (
-        <div className="search-page">
+        <div className="center-page">
             <form
                 action={'/results'}
                 onSubmit={handleSubmit}

imports/ui/components/Search/searchpage.css

@@ -1,16 +1,12 @@
-.search-page {
+.center-page {
   position: absolute;
-  /* margin: auto;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0; */
   width: 70%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   font-size: 30px;
 }
+
 input[type="text"] {
   font-size: 30px;
 }

imports/ui/components/Utilities/Utilities.jsx

@@ -117,21 +117,18 @@ export function setActiveItem(id, items, clas) {
 
 // todo: make a proper component for the floating button and remove jQuery
 export class FloatingButton extends PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isOpen: false,
-      modalIdentifier: '',
-      modalType: '',
-      title: '',
-      confirm: '',
-      reject: '',
-      value: '',
-      feedDesc: '',
-      feedTitle: '',
-      bookTitle: '',
-      bookDesc: '',
-    };
+  state = {
+    isOpen: false,
+    modalIdentifier: '',
+    modalType: '',
+    title: '',
+    confirm: '',
+    reject: '',
+    value: '',
+    feedDesc: '',
+    feedTitle: '',
+    bookTitle: '',
+    bookDesc: '',
   }
 
   componentDidMount() {
@@ -148,7 +145,6 @@ export class FloatingButton extends PureComponent {
     const { pathname, href } = window.location;
     switch (modalType) {
       case 'feedback':
-        // const { href } = window.location;
         Meteor.call(
           'feedback.insert',
           feedTitle,
@@ -232,6 +228,7 @@ export class FloatingButton extends PureComponent {
     });
   }
 
+  // refactor this
   grabText = ({ target: { value } }, field) => {
     switch (field) {
       case 'feedTitle':
@@ -364,12 +361,11 @@ export class FloatingButton extends PureComponent {
         </MainModal>
 
         <div className="fixed-action-btn plus-icon">
-          <a
-            href=""
+          <span
             className="btn-floating btn-large waves-effect waves-light teal darken-1"
           >
             <i className="fa fa-plus center more-items" />
-          </a>
+          </span>
           <ul>
             <li>
               <a