job history

client/src/components/atoms/CategoryImage.module.scss

@@ -15,7 +15,7 @@
 
 .header {
     // stylelint-disable value-keyword-case
-    composes: categoryimage;
+    composes: categoryImage;
     // stylelint-enable value-keyword-case
     height: 8rem;
     margin-top: $spacer / $line-height;
@@ -23,7 +23,7 @@
 
 .dimmed {
     // stylelint-disable value-keyword-case
-    composes: categoryimage;
+    composes: categoryImage;
     // stylelint-enable value-keyword-case
     opacity: .6;
 }

client/src/components/molecules/AccountStatus/Indicator.module.scss

@@ -18,7 +18,7 @@
 /* yellow triangle */
 .statusIndicatorCloseEnough {
     // stylelint-disable value-keyword-case
-    composes: statusindicator;
+    composes: statusIndicator;
     // stylelint-enable value-keyword-case
     background: none;
     width: 0;
@@ -31,7 +31,7 @@
 /* green circle */
 .statusIndicatorActive {
     // stylelint-disable value-keyword-case
-    composes: statusindicator;
+    composes: statusIndicator;
     // stylelint-enable value-keyword-case
     border-radius: 50%;
     background: $green;

client/src/components/molecules/JobTeaser.tsx

@@ -0,0 +1,13 @@
+import React, { useEffect, useState } from 'react'
+import { getUserJobs } from '../../utils/getUserJobs'
+import { User } from '../../context';
+import Spinner from '../atoms/Spinner'
+
+
+
+export default function JobTeaser() {
+
+    return (
+        <div>Job teaser</div>
+    )
+}

client/src/components/organisms/AssetsLatest.module.scss

@@ -2,7 +2,7 @@
 
 .latestAssetsWrap {
     // full width break out of container
-    margin-right: calc(-50vw + 50%);
+  //  margin-right: calc(-50vw + 50%);
 }
 
 .latestAssets {

client/src/components/organisms/JobsUser.tsx

@@ -0,0 +1,41 @@
+import React, { useEffect, useState } from 'react'
+import { getUserJobs } from '../../utils/getUserJobs'
+import { User } from '../../context';
+import Spinner from '../atoms/Spinner'
+import JobTeaser from '../molecules/JobTeaser';
+
+
+
+export default function JobsUser() {
+    const { ocean, account } = React.useContext(User);
+    const [jobList, setJobList] = useState<any[]>([])
+    const [isLoading, setIsLoading] = useState(false)
+    useEffect(() => {
+        setIsLoading(true)
+        async function getJobs() {
+            console.log(account)
+            const userJobs = await getUserJobs(ocean, account)
+            console.log('user jobs', userJobs)
+            setJobList(userJobs as any)
+            setIsLoading(false)
+        }
+        getJobs()
+    }, [account])
+
+
+    return (
+        <>
+            {isLoading ?
+                <Spinner />
+                : jobList.length ?
+                    jobList.map((job: any) => 
+                        (
+                            <JobTeaser key={job.agreementId} />
+                           
+                        )
+                    ) : ''
+            }
+    </>
+                )
+
+}

client/src/components/templates/Asset/AssetFilesDetails.tsx

@@ -2,7 +2,6 @@ import React, { PureComponent } from 'react'
 import { DDO, File } from '@oceanprotocol/squid'
 import AssetFile from './AssetFile'
 import { User } from '../../../context'
-import Web3message from '../../organisms/Web3message'
 import styles from './AssetFilesDetails.module.scss'
 
 export default class AssetFilesDetails extends PureComponent<{

client/src/components/templates/Asset/index.tsx

@@ -68,7 +68,6 @@ class Asset extends Component<AssetProps, AssetState> {
             ddo,
             error,
             isLoading,
-            computeMetadata,
             ocean
         } = this.state
         const { main, additionalInformation } = metadata

client/src/routes/History.tsx

@@ -5,6 +5,7 @@ import Web3message from '../components/organisms/Web3message'
 import { User } from '../context'
 import Content from '../components/atoms/Content'
 import withTracker from '../hoc/withTracker'
+import JobsUser from '../components/organisms/JobsUser'
 
 class History extends Component {
     public static contextType = User
@@ -14,7 +15,10 @@ class History extends Component {
             <Route title="History">
                 <Content>
                     {!this.context.isLogged && <Web3message />}
+                    <div>Assets</div>
                     <AssetsUser list />
+                    <div>Jobs</div>
+                    <JobsUser />
                 </Content>
             </Route>
         )

client/src/utils/getUserJobs.ts

@@ -0,0 +1,49 @@
+const tempList =
+    [{
+        "agreementId": "a40d4fbddf7c45fb988b3f47e7fb8d50386ee8c968c94a0db6909cd96582e6cd",
+        "algorithmLogUrl": null,
+        "dateCreated": 1585581794.73346,
+        "dateFinished": null,
+        "jobId": "5e67cdffc2224907b10cdb80820033ee",
+        "owner": "0x4D156A2ef69ffdDC55838176C6712C90f60a2285",
+        "removed": 0,
+        "resultsDid": "",
+        "resultsUrl": "",
+        "status": 10,
+        "statusText": "Job started",
+        "stopreq": 0
+    },
+    {
+        "agreementId": "a40d4fbdd434c45fb988b3f47e7fb8d50386ee8c968c94a0db6909cd96582e6cd",
+        "algorithmLogUrl": null,
+        "dateCreated": 1585581794.73346,
+        "dateFinished": null,
+        "jobId": "5e67cdffc2224907b10cdb80820033ee",
+        "owner": "0x4D156A2ef69ffdDC55838176C6712C90f60a2285",
+        "removed": 0,
+        "resultsDid": "",
+        "resultsUrl": "",
+        "status": 10,
+        "statusText": "Job started",
+        "stopreq": 0
+    }
+    ]
+
+
+
+export async function getUserJobs(ocean: any, account: string) {
+    try {
+        const accounts = await ocean.accounts.list()
+        //const jobList = await ocean.compute.status(account)
+       // const jobList = await ocean.compute.status(accounts[0])
+
+
+
+        return tempList;
+
+
+    } catch (error) {
+        console.error(error.message)
+    }
+
+}