tweak job output

src/components/pages/History/ComputeDetails.tsx

@@ -8,6 +8,7 @@ import Time from '../../atoms/Time'
 import shortid from 'shortid'
 import styles from './ComputeDetails.module.css'
 import { Status } from './ComputeJobs'
+import { ListItem } from 'components/atoms/Lists'
 
 export default function ComputeDetailsModal({
   computeJob,
@@ -58,25 +59,39 @@ export default function ComputeDetailsModal({
       <h3 className={styles.title}>{computeJob.assetName}</h3>
       <p>
         Created on <Time date={computeJob.dateCreated} isUnix />
+        {computeJob.dateFinished && (
+          <>
+            <br />
+            Finished on <Time date={computeJob.dateFinished} isUnix />
+          </>
+        )}
       </p>
       <Status>{computeJob.statusText}</Status>
-      {computeJob.dateFinished && (
-        <p>
-          Finished on <Time date={computeJob.dateFinished} isUnix />
-        </p>
-      )}
 
       {isFinished &&
         (isLoading ? (
           <Loader />
         ) : (
           <>
-            <p>{computeJob.algorithmLogUrl}</p>
+            <ul>
-            <p>
+              <ListItem>
-              {computeJob.resultsUrls?.map((url) => {
+                <a
-                return <span key={shortid.generate()}>{url}</span>
+                  href={computeJob.algorithmLogUrl}
-              })}{' '}
+                  target="_blank"
-            </p>
+                  rel="noreferrer"
+                >
+                  View Log
+                </a>
+              </ListItem>
+
+              {computeJob.resultsUrls?.map((url, i) => (
+                <ListItem key={shortid.generate()}>
+                  <a href={url} target="_blank" rel="noreferrer">
+                    View Result {i}
+                  </a>
+                </ListItem>
+              ))}
+            </ul>
           </>
         ))}
     </Modal>

src/components/pages/History/ComputeJobs.tsx

@@ -4,7 +4,6 @@ import DataTable from 'react-data-table-component'
 import Time from '../../atoms/Time'
 import styles from './ComputeJobs.module.css'
 import Loader from '../../atoms/Loader'
-import Tooltip from '../../atoms/Tooltip'
 import Button from '../../atoms/Button'
 import ComputeDetails from './ComputeDetails'
 import { ComputeJobMetaData } from '../../../@types/ComputeJobMetaData'