From 6215346269fc006c5c0ab5b4820fd6cc95cb0018 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Thu, 14 May 2020 17:06:44 +0200
Subject: [PATCH] buttons routing functional

---
 src/pages/Dashboard.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index e3037bc..e9dd969 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -4,6 +4,9 @@ import {compose} from '@reduxjs/toolkit';
 import {connect} from 'react-redux';
 import {withFirebase, WithFirebaseProps} from 'react-redux-firebase';
 import {selectProfile} from '../store/firebase';
+// Routing
+import {Link} from 'react-router-dom';
+import * as ROUTES from '../constants/routes';
 // Style
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {
@@ -35,15 +38,15 @@ const Dashboard: FC<IProps> = ({
     <section className="container">
       <Header title="Dashboard" lead={`Welcome ${displayName}`} />
       <div className="dash-buttons">
-        <a href="create-profile.html" className="btn btn-light">
+        <Link to={ROUTES.EDIT_PROFILE} className="btn btn-light">
           <FontAwesomeIcon icon={faUserCircle} /> Edit Profile
-        </a>
-        <a href="add-experience.html" className="btn btn-light">
+        </Link>
+        <Link to={ROUTES.ADD_EXPERIENCE} className="btn btn-light">
           <FontAwesomeIcon icon={faBlackTie} /> Add Experience
-        </a>
-        <a href="add-education.html" className="btn btn-light">
+        </Link>
+        <Link to={ROUTES.ADD_EDUCATION} className="btn btn-light">
           <FontAwesomeIcon icon={faGraduationCap} /> Add Education
-        </a>
+        </Link>
       </div>
 
       <h2 className="my-2">Experience Credentials</h2>