From b39d72fb4f8d8de88dac441d17e51733e5533712 Mon Sep 17 00:00:00 2001
From: Manuel Calavera <diserkin@gmail.com>
Date: Tue, 29 Oct 2019 16:32:37 -0700
Subject: [PATCH] fix: links to accounts

---
 src/v2/components/Programs/Detail/Details/index.jsx    |  1 +
 .../components/Transactions/Detail/Program/index.jsx   | 10 ++++++++--
 src/v2/components/Transactions/Detail/ProgramsTab.jsx  |  8 +++++++-
 src/v2/components/UI/ValidatorName/index.jsx           |  4 +++-
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/v2/components/Programs/Detail/Details/index.jsx b/src/v2/components/Programs/Detail/Details/index.jsx
index f2e361c7..a9754bcf 100644
--- a/src/v2/components/Programs/Detail/Details/index.jsx
+++ b/src/v2/components/Programs/Detail/Details/index.jsx
@@ -15,6 +15,7 @@ const ProgramDetails = ({programAccounts}: {programAccounts: Object}) => {
         </TableCell>
         <TableCell>
           <ValidatorName
+            to={`/accounts/${account.pubkey}`}
             pubkey={account.pubkey}
             name={account.pubkey}
             avatar=""
diff --git a/src/v2/components/Transactions/Detail/Program/index.jsx b/src/v2/components/Transactions/Detail/Program/index.jsx
index a6b95d8b..e3125e34 100644
--- a/src/v2/components/Transactions/Detail/Program/index.jsx
+++ b/src/v2/components/Transactions/Detail/Program/index.jsx
@@ -16,10 +16,16 @@ type TProgram = {
 
 const Program = ({id, accounts}: TProgram) => {
   const classes = useStyles();
+
   const renderAccount = (account, i) => (
-    <div className={classes.account}>
+    <div className={classes.account} key={account}>
       <Label text={`Account ${i + 1}`} hint="" />
-      <ValidatorName pubkey={id} name={account} avatar="" />
+      <ValidatorName
+        to={`/accounts/${account}`}
+        pubkey={id}
+        name={account}
+        avatar=""
+      />
     </div>
   );
   return (
diff --git a/src/v2/components/Transactions/Detail/ProgramsTab.jsx b/src/v2/components/Transactions/Detail/ProgramsTab.jsx
index e5e36257..f2d62af9 100644
--- a/src/v2/components/Transactions/Detail/ProgramsTab.jsx
+++ b/src/v2/components/Transactions/Detail/ProgramsTab.jsx
@@ -6,7 +6,13 @@ import Program from './Program';
 
 const ProgramsTab = ({transaction}: {transaction: Object}) => {
   const renderProgram = instruction => {
-    return <Program id={instruction.programId} accounts={instruction.keys} />;
+    return (
+      <Program
+        key={instruction.programId}
+        id={instruction.programId}
+        accounts={instruction.keys}
+      />
+    );
   };
   return <div>{map(renderProgram)(transaction.instructions)}</div>;
 };
diff --git a/src/v2/components/UI/ValidatorName/index.jsx b/src/v2/components/UI/ValidatorName/index.jsx
index 16549629..92f8a041 100644
--- a/src/v2/components/UI/ValidatorName/index.jsx
+++ b/src/v2/components/UI/ValidatorName/index.jsx
@@ -9,15 +9,17 @@ const ValidatorName = ({
   pubkey,
   name,
   avatar,
+  to,
 }: {
   pubkey: string,
   name: string,
   avatar: string,
+  to?: string,
 }) => {
   const classes = useStyles();
   return (
     <div>
-      <Link to={`/validators/${pubkey}`} className={classes.root}>
+      <Link to={to || `/validators/${pubkey}`} className={classes.root}>
         <Avatar pubkey={pubkey} avatarUrl={avatar} />
         <div>{name || pubkey}</div>
       </Link>