From 056f3166af5ec6c9a08eefded1a32b383779bc8f Mon Sep 17 00:00:00 2001
From: Victor <victor@storyteller.ai>
Date: Thu, 8 Feb 2024 20:29:49 -0800
Subject: [PATCH] fixed "view result" link on jobs loading new document on
 click

---
 .../components/layout/InferenceJobsList/JobItem.tsx | 13 ++++++++++---
 .../InferenceJobsModal/InferenceJobsModal.tsx       |  3 +++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/fakeyou.com/src/components/layout/InferenceJobsList/JobItem.tsx b/packages/fakeyou.com/src/components/layout/InferenceJobsList/JobItem.tsx
index 55442b9927..1cf2b1e539 100644
--- a/packages/fakeyou.com/src/components/layout/InferenceJobsList/JobItem.tsx
+++ b/packages/fakeyou.com/src/components/layout/InferenceJobsList/JobItem.tsx
@@ -3,6 +3,7 @@ import { a, useSpring } from "@react-spring/web";
 import { WorkIndicator } from 'components/svg';
 import { FrontendInferenceJobType, InferenceJob } from "@storyteller/components/src/jobs/InferenceJob";
 import { JobState } from "@storyteller/components/src/jobs/JobStates";
+import { useHistory } from "react-router-dom";
 
 // import { useInterval } from "hooks"; // for animation debugging
 
@@ -15,9 +16,15 @@ interface JobListItem extends InferenceJob {
 }
 
 
-const OuterItem = ({ className, children, success, jobToken, maybeResultToken, onSelect = () => {}, refSet }: { className?: string, children?: any, jobToken: string, success: boolean, maybeResultToken?: any, onSelect?: any, refSet?: any }) => success ?
-  <a.a {...{ className, href: `/media/${maybeResultToken}`, id: `ijobitem-${ jobToken }`, onClick: () => onSelect(),  ref: refSet }}>{ children }</a.a> :
-  <a.div {...{ className, id: `ijobitem-${ jobToken }`, ref: refSet }}>{ children }</a.div>;
+const OuterItem = ({ className, children, success, jobToken, maybeResultToken, onSelect = () => {}, refSet }: { className?: string, children?: any, jobToken: string, success: boolean, maybeResultToken?: any, onSelect?: any, refSet?: any }) => {
+  const history = useHistory();
+  return success ?
+    <a.div {...{ className, id: `ijobitem-${ jobToken }`, onClick: () => {
+      history.push(`/media/${maybeResultToken}`);
+      onSelect();
+    },  ref: refSet }}>{ children }</a.div> :
+    <a.div {...{ className, id: `ijobitem-${ jobToken }`, ref: refSet }}>{ children }</a.div>;
+}
 
 export default function JobItem({ failures, frontendJobType, maybeFailureCategory, maybeResultToken, onSelect, jobToken, jobState, jobStatusDescription, refSet, t, ...rest }: JobListItem) {
   const [hasBounced,hasBouncedSet] = useState(false);
diff --git a/packages/fakeyou.com/src/components/modals/InferenceJobsModal/InferenceJobsModal.tsx b/packages/fakeyou.com/src/components/modals/InferenceJobsModal/InferenceJobsModal.tsx
index d074402c31..b1d77529b4 100644
--- a/packages/fakeyou.com/src/components/modals/InferenceJobsModal/InferenceJobsModal.tsx
+++ b/packages/fakeyou.com/src/components/modals/InferenceJobsModal/InferenceJobsModal.tsx
@@ -37,6 +37,9 @@ export default function InferenceJobsModal({ handleClose, jobType: inJobType = -
     }
     <InferenceJobsList {...{
         failures,
+        onSelect: () => {
+          if (handleClose) handleClose();
+        },
         value: 0 // fixed for now
         // value: typeObj.indexOf(jobType),
       }} />