fix URL assets (#1033)

src/mocking/data/index.ts

@@ -4,3 +4,4 @@ export { default as mockChannels } from './mockChannels'
 export { default as mockCategories } from './mockCategories'
 export { default as mockLicenses } from './mockLicenses'
 export { default as mockMemberships } from './mockMemberships'
+export * from './mockWorkers'

src/mocking/data/mockWorkers.ts

@@ -0,0 +1,13 @@
+import { WorkerType } from '@/api/queries'
+import { BasicWorkerFieldsFragment } from '@/api/queries/__generated__/workers.generated'
+
+export const mockWorkers: BasicWorkerFieldsFragment[] = [
+  {
+    __typename: 'Worker',
+    id: 'mock_worker',
+    workerId: '123',
+    metadata: 'http://google.com/storage',
+    type: WorkerType.Storage,
+    isActive: true,
+  },
+]

src/mocking/handlers.ts

@@ -45,8 +45,9 @@ import {
   SearchQuery,
   SearchQueryVariables,
 } from '@/api/queries'
+import { GetWorkersDocument, GetWorkersQuery } from '@/api/queries/__generated__/workers.generated'
 import { ORION_GRAPHQL_URL, QUERY_NODE_GRAPHQL_URL } from '@/config/urls'
-import { mockCategories, mockChannels, mockMemberships, mockVideos } from '@/mocking/data'
+import { mockCategories, mockChannels, mockMemberships, mockVideos, mockWorkers } from '@/mocking/data'
 
 import {
   createBatchedVideoViewsAccessor,
@@ -135,6 +136,7 @@ const queryNodeHandlers = [
     SearchDocument,
     createSearchAccessor({ videos: mockVideos, channels: mockChannels })
   ),
+  createQueryHandler<GetWorkersQuery>(queryNode, GetWorkersDocument, () => mockWorkers),
 ]
 
 const orionHandlers = [

src/providers/assets/useAsset.tsx

@@ -6,7 +6,7 @@ import { UseAssetDataArgs } from './types'
 
 export const useAsset = ({ entity, assetType }: UseAssetDataArgs) => {
   const assetData = readAssetData(entity, assetType)
-  const contentId = assetData?.dataObject?.joystreamContentId ?? null
+  const contentId = assetData?.dataObject?.joystreamContentId ?? assetData?.urls?.[0] ?? null
   const asset = useAssetStore((state) => (contentId ? state.assets[contentId] : null))
   const pendingAsset = useAssetStore((state) => (contentId ? state.pendingAssets[contentId] : null))
   const addPendingAsset = useAssetStore((state) => state.actions.addPendingAsset)