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

@@ -27,8 +27,8 @@ const useStyles = makeStyles((theme) => ({
 
 const Collaborate = () => {
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'Collaborate with Us', href: '/support/collaborate' },
+    { href: '/', name: 'Home' },
+    { href: '/support/collaborate', name: 'Collaborate with Us' },
   ];
   const classes = useStyles();
   return (

src/pages/Contact/index.js

@@ -33,8 +33,8 @@ const useStyles = makeStyles((theme) => ({
 const Contact = () => {
   const classes = useStyles();
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'Contact', href: '/about/contact' },
+    { href: '/', name: 'Home' },
+    { href: '/about/contact', name: 'Contact' },
   ];
 
   return (

src/pages/Contributors/index.js

@@ -162,8 +162,8 @@ export default function Contributors() {
         <Container className={classes.firstSectionWrapper}>
           <NavBreadcrumbs
             crumbs={[
-              { name: 'Home', href: '/' },
-              { name: 'Civic Tech Organizations', href: '/organizations/all' },
+              { href: '/', name: 'Home' },
+              { href: '/organizations/all', name: 'Civic Tech Organizations' },
             ]}
           />
           <Grid container>

src/pages/Faq/index.js

@@ -21,8 +21,8 @@ const useStyles = makeStyles({
 
 const Faq = () => {
   const breadCrumbLinks = [
-    { name: 'Home', href: '/' },
-    { name: 'FAQ', href: '/about/faq' },
+    { href: '/', name: 'Home' },
+    { href: '/about/faq', name: 'FAQ' },
   ];
   const [data, setData] = useState([]);
   const [pageNum, setPageNum] = useState(1);

src/pages/IndvOrganization/index.js

@@ -91,8 +91,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

@@ -150,8 +150,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 (