From e3312c9887aa16aac9dc4db7cf9ae15900002c41 Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Mon, 13 May 2019 10:06:51 -0400
Subject: [PATCH] update display to handle backing of delegate

---
 src/components/MainCointainer.jsx   | 4 ++--
 src/components/projects/Project.jsx | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/MainCointainer.jsx b/src/components/MainCointainer.jsx
index 33fd552..720f8eb 100644
--- a/src/components/MainCointainer.jsx
+++ b/src/components/MainCointainer.jsx
@@ -188,10 +188,10 @@ class PersistentDrawerLeft extends React.Component {
               <Route path="/funds-management" render={() => <FundsManagement open={open} />} />
               <Route path="/insights" component={TransferGraph} />
               <Route path="/projects" component={Projects} />
-              <Route path="/project/:id" component={Project} />
+              <Route path="/(profile|delegate|project)/:id" component={Project} />
               <Route path="/create-project/" render={(props) => <CreateProject {...props} />} />
               <Route path="/create-delegate/" render={(props) => <CreateDelegate {...props} />} />
-              <Route path="/back-project/:id" component={BackProject} />
+              <Route path="/(back-delegate|back-project)/:id" component={BackProject} />
             </Switch>
             {this.props.children}
           </div>
diff --git a/src/components/projects/Project.jsx b/src/components/projects/Project.jsx
index a5c480b..9bcca57 100644
--- a/src/components/projects/Project.jsx
+++ b/src/components/projects/Project.jsx
@@ -183,6 +183,7 @@ const getAvatarSrc = assets => {
 
 function Project({ classes, match, profile, transfers, pledges, projectAddedEvents }) {
   const projectId = match.params.id
+  const urlName = match.params[0]
   const { projectAge, projectAssets, manifest } = useProjectData(projectId, projectAddedEvents)
 
   const amountsPledged = useMemo(() => getAmountsPledged(pledges), [pledges, projectId])
@@ -195,7 +196,8 @@ function Project({ classes, match, profile, transfers, pledges, projectAddedEven
     (Number(totalPledged) / Number(manifest.goal)) * 100,
     100
   ) : 0
-  console.log({profile, projectAssets, mediaUrl, mediaType, amountsPledged, pledges, transfers})
+  const profileType = profile[0] ? profile[0].type : urlName
+  console.log({profile, projectAssets, mediaUrl, mediaType, amountsPledged, pledges, transfers, match})
   return (<Fragment>
     {!projectAssets && <Loading/>}
     {projectAssets && <div className={classes.root}>
@@ -247,8 +249,7 @@ function Project({ classes, match, profile, transfers, pledges, projectAddedEven
           </div>
           <div>
             <Link to={`/back-project/${projectId}`} className={classes.link}>
-              <Button color="primary" variant="contained" style={{height: '50px', width: '100%'}}>Back this
-                project</Button>
+              <Button color="primary" variant="contained" style={{height: '50px', width: '100%'}}>Back this {profileType}</Button>
             </Link>
           </div>
         </div>