changes

dashboard/.old.env

@@ -0,0 +1,6 @@
+APPLICATION_CHART_REPO_URL=https://charts.dev.getporter.dev
+ADDON_CHART_REPO_URL=https://chart-addons.dev.getporter.dev
+DEV_SERVER_PORT=8081
+API_SERVER=http://localhost:8080
+ENABLE_PROXY=true
+NODE_ENV=development

dashboard/src/main/home/cluster-dashboard/expanded-chart/ExpandedChart.tsx

@@ -378,7 +378,13 @@ const ExpandedChart: React.FC<Props> = (props) => {
                   <Spinner src={loadingSrc} /> This application is currently
                   being deployed
                 </Header>
-                Navigate to the "Actions" tab of your GitHub repo to view live
+                Navigate to the
+                <A
+                  href={`https://github.com/${props.currentChart.git_action_config.git_repo}/actions`}
+                  target={"_blank"}
+                >
+                  "Actions" tab of your GitHub repo to view live
+                </A>{" "}
                 build logs.
               </TextWrap>
             </Placeholder>
@@ -1036,3 +1042,10 @@ const DeploymentTypeIcon = styled(Icon)`
   width: 20px;
   margin-right: 10px;
 `;
+
+const A = styled.a`
+  color: #8590ff;
+  text-decoration: underline;
+  margin-left: 5px;
+  cursor: pointer;
+`;

dashboard/src/main/home/cluster-dashboard/expanded-chart/ExpandedJobChart.tsx

@@ -436,7 +436,13 @@ class ExpandedJobChart extends Component<PropsType, StateType> {
                 <Header>
                   <Spinner src={loading} /> This job is currently being deployed
                 </Header>
-                Navigate to the "Actions" tab of your GitHub repo to view live
+                Navigate to the
+                <A
+                  href={`https://github.com/${this.props.currentChart.git_action_config.git_repo}/actions`}
+                  target={"_blank"}
+                >
+                  "Actions" tab of your GitHub repo to view live
+                </A>{" "}
                 build logs.
               </TextWrap>
             </Placeholder>
@@ -866,3 +872,10 @@ const TabButton = styled.div`
     margin-right: 9px;
   }
 `;
+
+const A = styled.a`
+  color: #8590ff;
+  text-decoration: underline;
+  margin-left: 5px;
+  cursor: pointer;
+`;

dashboard/src/main/home/cluster-dashboard/expanded-chart/RevisionSection.tsx

@@ -234,7 +234,18 @@ class RevisionSection extends Component<PropsType, StateType> {
         >
           <Td>{revision.version}</Td>
           <Td>{this.readableDate(revision.info.last_deployed)}</Td>
-          <Td>{parsedImageTag || "N/A"}</Td>
+          <Td>
+            {isGithubApp ? (
+              <A
+                href={`https://github.com/${this.props.chart.git_action_config.git_repo}/commit/${imageTag}`}
+                target="_blank"
+              >
+                {parsedImageTag}
+              </A>
+            ) : (
+              parsedImageTag || "N/A"
+            )}
+          </Td>
           <Td>v{revision.chart.metadata.version}</Td>
           <Td>
             <RollbackButton
@@ -536,3 +547,10 @@ const RevisionUpdateMessage = styled.div`
     transform: none;
   }
 `;
+
+const A = styled.a`
+  color: #8590ff;
+  text-decoration: underline;
+  margin-left: 5px;
+  cursor: pointer;
+`;