Update breadcrumbs to use links instead of anchors

MichaelGatesDev · Dec 10, 2019 · 71ceaea · 71ceaea
1 parent 59e8ee3
commit 71ceaea
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 15 deletions.
diff --git a/packages/frontend/src/Sections/AddBuildingSection/index.tsx b/packages/frontend/src/Sections/AddBuildingSection/index.tsx
@@ -2,8 +2,7 @@ import "./style.scss";
 
 import React, { useState } from "react";
 import { connect } from "react-redux";
-
-import { StringUtils } from "@michaelgatesdev/common";
+import { Link } from "react-router-dom";
 
 import { Building } from "@ccss-support-manual/models";
 
@@ -57,8 +56,8 @@ const AddBuildingSection = (props: Props) => {
             <div className="col">
               <nav aria-label="breadcrumb">
                 <ol className="breadcrumb">
-                  <li className="breadcrumb-item"><a href="/">Home</a></li>
-                  <li className="breadcrumb-item"><a href="/buildings">Buildings</a></li>
+                  <li className="breadcrumb-item"><Link to="/">Home</Link></li>
+                  <li className="breadcrumb-item"><Link to="/buildings">Buildings</Link></li>
                   <li className="breadcrumb-item active" aria-current="page">Add Building</li>
                 </ol>
               </nav>

diff --git a/packages/frontend/src/Sections/BuildingSection/index.tsx b/packages/frontend/src/Sections/BuildingSection/index.tsx
@@ -128,8 +128,8 @@ const BuildingSection = (props: Props) => {
             <div className="col">
               <nav aria-label="breadcrumb">
                 <ol className="breadcrumb">
-                  <li className="breadcrumb-item"><a href="/">Home</a></li>
-                  <li className="breadcrumb-item"><a href="/buildings">Buildings</a></li>
+                  <li className="breadcrumb-item"><Link to="/">Home</Link></li>
+                  <li className="breadcrumb-item"><Link to="/buildings">Buildings</Link></li>
                   <li className="breadcrumb-item active" aria-current="page">{building.officialName}</li>
                 </ol>
               </nav>

diff --git a/packages/frontend/src/Sections/BuildingsSection/index.tsx b/packages/frontend/src/Sections/BuildingsSection/index.tsx
@@ -1,7 +1,8 @@
 import React, { useEffect, useState } from "react";
 import { connect } from "react-redux";
+import { Link } from "react-router-dom";
 import _ from "lodash";
-import { Room, Building } from "@ccss-support-manual/models";
+import { Building } from "@ccss-support-manual/models";
 import { BuildingUtils } from "@ccss-support-manual/utilities";
 
 import "./style.scss";
@@ -14,7 +15,6 @@ import { fetchBuildings } from "../../redux/buildings/actions";
 import { fetchImages } from "../../redux/images/actions";
 import { BuildingsState } from "../../redux/buildings/types";
 import { ImagesState } from "../../redux/images/types";
-import BuildingCardsGrid from "../../Components/BuildingCardsGrid";
 import { FloatingGroup, FloatingGroupOrientation } from "../../Components/FloatingGroup";
 import { AnchorButton } from "../../Components/AnchorButton";
 import { ButtonType } from "../../Components/Button";
@@ -81,7 +81,7 @@ const BuildingsSection = (props: Props) => {
             <div className="col">
               <nav aria-label="breadcrumb">
                 <ol className="breadcrumb">
-                  <li className="breadcrumb-item"><a href="/">Home</a></li>
+                  <li className="breadcrumb-item"><Link to="/">Home</Link></li>
                   <li className="breadcrumb-item active" aria-current="page">Buildings</li>
                 </ol>
               </nav>

diff --git a/packages/frontend/src/Sections/Home/index.tsx b/packages/frontend/src/Sections/Home/index.tsx
@@ -1,15 +1,13 @@
 import React, { useState, useEffect } from "react";
 import { connect } from "react-redux";
 import _ from "lodash";
-import { StringUtils } from "@michaelgatesdev/common";
 
 import {
   Room,
   Building,
-  Classroom,
   ImageType,
 } from "@ccss-support-manual/models";
-import { BuildingUtils, RoomUtils } from "@ccss-support-manual/utilities";
+import { BuildingUtils } from "@ccss-support-manual/utilities";
 
 import "./style.scss";
 
@@ -21,8 +19,6 @@ import { fetchBuildings } from "../../redux/buildings/actions";
 import { fetchImages } from "../../redux/images/actions";
 import { BuildingsState } from "../../redux/buildings/types";
 import { ImagesState } from "../../redux/images/types";
-import { CardDeck } from "../../Components/CardDeck";
-import { Card, HoverEffect } from "../../Components/Card";
 import { RoomCardsDeck } from "../../Components/RoomCardsDeck";
 
 interface Props {
@@ -87,7 +83,7 @@ const Home = (props: Props) => {
         fixed
       />
       {/* Main content */}
-      <section className="container-fluid" id="home-section">
+      <section className="containegonna container-fluid" id="home-section">
         <div className="row">
           <div className="col">
             <RoomCardsDeck