Make breadcrumb objects more consistent (#909)

Author: bruceplai

src/pages/About/index.js

@@ -12,8 +12,8 @@ import Grid from '@material-ui/core/Grid';
 
 const About = () => {
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'About', href: '/about' },
+    { href: '/', name: 'Home' },
+    { href: '/about', name: 'About' },
   ];
 
   const classes = useStyles();

src/pages/Collaborate/index.js

@@ -12,8 +12,8 @@ import { Typography } from '@material-ui/core';
 
 const Collaborate = () => {
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'Collaborate with Us', href: '/support/collaborate' },
+    { href: '/', name: 'Home' },
+    { href: '/support/collaborate', name: 'Collaborate with Us' },
   ];
 
   return (

src/pages/Contact/index.js

@@ -8,8 +8,8 @@ import { GenericHeaderSection } from '../../components/';
 
 const Contact = () => {
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'Contact', href: '/about/contact' },
+    { href: '/', name: 'Home' },
+    { href: '/about/contact', name: 'Contact' },
   ];
   const handlePageHeight = () => {
     window.parent.scrollTo(0, 0);

src/pages/Contributors/index.js

@@ -246,8 +246,8 @@ export default function Contributors() {
   };
 
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'Civic Tech Organizations', href: '/organizations/all' },
+    { href: '/', name: 'Home' },
+    { href: '/organizations/all', name: 'Civic Tech Organizations' },
   ];
 
   return (

src/pages/Faq/index.js

@@ -43,8 +43,8 @@ const Faq = () => {
   );
 
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'FAQ', href: '/about/faq' },
+    { href: '/', name: 'Home' },
+    { href: '/about/faq', name: 'FAQ' },
   ];
 
   const getFaqData = async (currentQuery, resetState) => {

src/pages/IndvOrganization/index.js

@@ -102,8 +102,8 @@ const IndvOrgPage = ({ match }) => {
             // Create the breadcrums on the Individual Organization Page
             const parentOrgs = [];
             const crumbs = [
-              { name: 'Home', href: '/' },
-              { name: 'View Organization', href: '/organizations/all' },
+              { href: '/', name: 'Home' },
+              { href: '/organizations/all', name: 'View Organization' },
               {
                 name: name,
                 href:

src/pages/RadicalCollaboration/index.js

@@ -10,8 +10,8 @@ import PhotoCardMobile from './PhotoCardMobile';
 import { GenericHeaderSection } from '../../components/';
 const RadicalCollaboration = () => {
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'Collaborate with Us', href: '/support' },
+    { href: '/', name: 'Home' },
+    { href: '/support', name: 'Collaborate with Us' },
   ];
   const Images = [
     {

src/pages/Share/index.js

@@ -165,8 +165,8 @@ const SocialMediaSection = () => {
 export default function ShareTheCti() {
   const classes = useStyles();
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'Share the CTI', href: '/support/share' },
+    { href: '/', name: 'Home' },
+    { href: '/support/share', name: 'Share the CTI' },
   ];
 
   return (