populate PublishedList

* blocked by oceanprotocol/ocean.js#308

src/components/pages/History/PublishedList.tsx

@@ -1,25 +1,29 @@
 import React, { useEffect, useState, ReactElement } from 'react'
 import Loader from '../../atoms/Loader'
 import { useOcean } from '@oceanprotocol/react'
+import { Logger } from '@oceanprotocol/lib'
 import { QueryResult } from '@oceanprotocol/lib/dist/node/metadatastore/MetadataStore'
 import AssetList from '../../organisms/AssetList'
 
 export default function PublishedList(): ReactElement {
   const { ocean, status, accountId } = useOcean()
+  // TODO: wait for ocean-lib-js with https://github.com/oceanprotocol/ocean-lib-js/pull/308
   const [queryResult, setQueryResult] = useState<QueryResult>()
   const [isLoading, setIsLoading] = useState(false)
 
   useEffect(() => {
     async function getPublished() {
       if (!accountId || !ocean) return
 
-      setIsLoading(true)
-
-      // const queryResult = await
-
-      setQueryResult(queryResult)
-
-      setIsLoading(false)
+      try {
+        setIsLoading(true)
+        const queryResult = await ocean.assets.ownerAssets(accountId)
+        setQueryResult(queryResult)
+      } catch (error) {
+        Logger.error(error.message)
+      } finally {
+        setIsLoading(false)
+      }
     }
     getPublished()
   }, [ocean, status, accountId])