Display compute jobs history tab for a successful job (#652)

* selected tab added

* preselect and display compute jobs history

* defaultIndex prop used

Co-authored-by: claudia.holhos <claudia.holhos@hpm.ro>

src/components/organisms/AssetActions/Compute/index.tsx

@@ -40,7 +40,7 @@ import { secondsToString } from '../../../../utils/metadata'
 import { getPreviousOrders, getPrice } from '../../../../utils/subgraph'
 
 const SuccessAction = () => (
-  <Button style="text" to="/history" size="small">
+  <Button style="text" to="/history?defaultTab=ComputeJobs" size="small">
     Go to history →
   </Button>
 )

src/components/pages/History/index.tsx

@@ -31,9 +31,17 @@ const tabs = [
 ]
 
 export default function HistoryPage(): ReactElement {
+  const url = new URL(window.location.href)
+  const defaultTab = url.searchParams.get('defaultTab')
+  let defaultTabIndex = 0
+  defaultTab === 'ComputeJobs' ? (defaultTabIndex = 4) : (defaultTabIndex = 0)
   return (
     <article className={styles.content}>
-      <Tabs items={tabs} className={styles.tabs} />
+      <Tabs
+        items={tabs}
+        className={styles.tabs}
+        defaultIndex={defaultTabIndex}
+      />
     </article>
   )
 }