added demo login info

Author: rise-erpelding

src/components/DemoLoginInfo/DemoLoginInfo.css

@@ -0,0 +1,23 @@
+.demo-login-info {
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  padding: 10px;
+  border-radius: 3px;
+  background-color: #e1ece2;
+  background: rgba(255, 255, 255, 0.6);
+}
+
+.demo-login-info > h3,
+.demo-login-info > p {
+  margin: 0;
+  padding: 0;
+}
+
+.demo-login-info > h3 {
+  font-size: 1em;
+}
+
+.demo-login-info > p {
+  font-size: 0.7em;
+}

src/components/DemoLoginInfo/DemoLoginInfo.js

@@ -0,0 +1,14 @@
+import React from 'react'
+import './DemoLoginInfo.css'
+
+// Demo user login info
+
+export default function Hero() {
+  return (
+    < div className='demo-login-info'>
+      <h3>Demo login info:</h3>
+      <p>Username: consumer1</p>
+      <p>Password: password</p>
+    </div>
+  )
+}

src/routes/LoginPage/LoginPage.js

@@ -2,10 +2,10 @@ import React, { Component } from 'react'
 import TokenService from '../../services/token-service'
 import AuthApiService from '../../services/auth-api-service'
 import FarmContext from '../../contexts/FarmContext'
-// import { Link } from 'react-router-dom'
-// import config from '../../config'
 import './LoginPage.css'
 
+import DemoLoginInfo from '../../components/DemoLoginInfo/DemoLoginInfo'
+
 
 class LoginPage extends Component {
 
@@ -80,6 +80,7 @@ class LoginPage extends Component {
           <button type='button' onClick={this.handleClickCancel}>Cancel</button>
           <button type='submit'>Login</button>
         </form>
+        <DemoLoginInfo />
       </div>
     )
   }

src/routes/RegistrationPage/RegistrationPage.js

@@ -1,6 +1,8 @@
 import React, { Component } from 'react'
 import './RegistrationPage.css'
 
+import DemoLoginInfo from '../../components/DemoLoginInfo/DemoLoginInfo'
+
 class RegistrationPage extends Component {
   handleSubmit = e => {
     e.preventDefault() 
@@ -32,6 +34,7 @@ class RegistrationPage extends Component {
           <button type='button' onClick={this.handleClickCancel}>Cancel</button>
           <button type='submit'>Register</button>
         </form>
+        <DemoLoginInfo />
       </div>
     )
   }

src/routes/SearchPage/SearchPage.js

@@ -6,6 +6,8 @@ import Dropdown from '../../components/Dropdown/Dropdown'
 import FilteredFarmsService from '../../services/filtered-farms-service'
 import './SearchPage.css'
 
+import DemoLoginInfo from '../../components/DemoLoginInfo/DemoLoginInfo'
+
 class SearchPage extends Component {
   static contextType = FarmContext
 
@@ -23,8 +25,6 @@ class SearchPage extends Component {
   }
 
   render () {
-
-    // window.sessionStorage.removeItem('filteredFarms')
     FilteredFarmsService.clearFilteredFarms()
 
     const farmAddStatus = this.context.farmAdded === true ? <div className="search-page__farm-added--success">Farm added successfully</div> : null
@@ -35,6 +35,7 @@ class SearchPage extends Component {
         {farmAddStatus}
         <SearchBar onChangePage={this.changePage} />
         <Dropdown onChangePage={this.changePage} /> 
+        <DemoLoginInfo />
       </div>
     )
   }