chore: update-subgraph-queries

src/components/light-search-bar.js

@@ -53,7 +53,7 @@ const OptionItem = ({ item }) => {
   // there are a few ethers queries coming from here.
   // they might have to be changed to subgraph queries
   // TODO read and figure it out
-  const { itemID, props, registry } = item
+  const { itemID, metadata: itemMetadata, registry } = item
   const { id: tcrAddress } = registry
   const {
     gtcrView,
@@ -111,14 +111,14 @@ const OptionItem = ({ item }) => {
           <>
             <StyledItemField>
               <DisplaySelector
-                type={props[0].type}
-                value={props[0].value}
-                allowedFileTypes={props[0].allowedFileTypes}
+                type={itemMetadata?.props[0].type}
+                value={itemMetadata?.props[0].value}
+                allowedFileTypes={itemMetadata?.props[0].allowedFileTypes}
               />
             </StyledItemField>
           </>
         ) : (
-          props
+          itemMetadata?.props
             .filter(col => col.isIdentifier)
             .map((column, j) => (
               <StyledItemField key={j}>
@@ -142,12 +142,14 @@ const OptionItem = ({ item }) => {
 OptionItem.propTypes = {
   item: PropTypes.shape({
     itemID: PropTypes.string,
-    props: PropTypes.arrayOf(
-      PropTypes.shape({
-        type: PropTypes.oneOf(Object.values(ItemTypes)),
-        value: PropTypes.string.isRequired
-      })
-    ),
+    metadata: PropTypes.shape({
+      props: PropTypes.arrayOf(
+        PropTypes.shape({
+          type: PropTypes.oneOf(Object.values(ItemTypes)),
+          value: PropTypes.string.isRequired
+        })
+      )
+    }),
     registry: PropTypes.shape({
       id: PropTypes.string
     })
@@ -182,7 +184,7 @@ const LightSearchBar = () => {
   }, [itemSearchQuery])
 
   const options = data.map(d => {
-    const itemLabels = d.props.filter(prop =>
+    const itemLabels = d.metadata?.props.filter(prop =>
       searchableFields.includes(prop.type)
     )
 

src/components/request-timelines.js

@@ -87,11 +87,11 @@ const Timeline = ({ request, item, metaEvidence }) => {
       name: 'Evidence',
       timestamp: e.timestamp,
       transactionHash: e.txHash,
-      title: e.title,
-      description: e.description,
+      title: e.metadata.title,
+      description: e.metadata.description,
       URI: e.URI,
-      fileURI: e.fileURI,
-      fileTypeExtension: e.fileTypeExtension,
+      fileURI: e.metadata.fileURI,
+      fileTypeExtension: e.metadata.fileTypeExtension,
       party: e.party
     }))
 
@@ -117,13 +117,13 @@ const Timeline = ({ request, item, metaEvidence }) => {
   useEffect(() => {
     const evidenceManualFetch = async () => {
       const unindexedEvidenceURIs = logs
-        .filter(e => e.name === 'Evidence')
+        .filter(e => e.metadata?.name === 'Evidence')
         .filter(
           e =>
-            e.title === null &&
-            e.description === null &&
-            e.fileURI === null &&
-            e.fileTypeExtension === null
+            e.metadata?.title === null &&
+            e.metadata?.description === null &&
+            e.metadata?.fileURI === null &&
+            e.metadata?.fileTypeExtension === null
         )
         .map(e => e.URI)
 

src/config/tcr-addresses.ts

@@ -128,7 +128,9 @@ export const txBatcherAddresses = {
 } as const
 
 export const subgraphUrl = {
-  '1': 'https://api.thegraph.com/subgraphs/name/kleros/curate',
+  '1':
+    'https://api.studio.thegraph.com/query/61738/legacy-curate-mainnet/version/latest',
   '5': 'https://api.thegraph.com/subgraphs/name/kleros/curate-goerli',
-  '100': 'https://api.thegraph.com/subgraphs/name/kleros/legacy-curate-xdai'
+  '100':
+    'https://api.studio.thegraph.com/query/61738/legacy-curate-gnosis/version/latest'
 } as const

src/hooks/factory.js

@@ -25,6 +25,7 @@ const useFactory = () => {
     const { data } = await (
       await fetch(GTCR_SUBGRAPH_URL, {
         method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(query)
       })
     ).json()
@@ -55,6 +56,7 @@ const useFactory = () => {
     const { data } = await (
       await fetch(GTCR_SUBGRAPH_URL, {
         method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(query)
       })
     ).json()

src/hooks/light-tcr-view.js

@@ -23,6 +23,7 @@ export const fetchMetaEvidence = async (tcr, networkId) => {
 
   const response = await fetch(subgraphUrl[networkId], {
     method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(query)
   })
 

src/hooks/tcr-view.js

@@ -24,11 +24,13 @@ export const fetchMetaEvidence = async (tcr, networkId) => {
       }
       connectedTCR
     }
-  }`
+  }`,
+    variables: {}
   }
 
   const response = await fetch(subgraphUrl[networkId], {
     method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify(query)
   })
 

src/pages/light-item-details/badges/index.js

@@ -73,8 +73,8 @@ const mapToLegacy = items =>
   items
     .map(item => ({
       ...item,
-      decodedData: item.props.map(({ value }) => value),
-      mergedData: item.props
+      decodedData: item.metadata?.props.map(({ value }) => value),
+      mergedData: item.metadata?.props
     }))
     .map(
       ({
@@ -327,12 +327,14 @@ const Badges = ({ connectedTCRAddr, item, tcrAddress }) => {
                     itemID
                     status
                     data
-                    props {
-                      value
-                      type
-                      label
-                      description
-                      isIdentifier
+                    metadata{
+                      props {
+                        value
+                        type
+                        label
+                        description
+                        isIdentifier
+                      }
                     }
                     requests(first: 1, orderBy: submissionTime, orderDirection: desc) {
                       disputed
@@ -359,6 +361,7 @@ const Badges = ({ connectedTCRAddr, item, tcrAddress }) => {
             const { data } = await (
               await fetch(GTCR_SUBGRAPH_URL, {
                 method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify(query)
               })
             ).json()

src/pages/light-items/index.js

@@ -257,8 +257,8 @@ const Items = () => {
       let { litems: items } = data
       items = items.map(item => ({
         ...item,
-        decodedData: item.props.map(({ value }) => value),
-        mergedData: item.props
+        decodedData: item.metadata?.props.map(({ value }) => value),
+        mergedData: item.metadata?.props
       }))
       // HACK:
       // the graph could have failed to include the props.
@@ -276,7 +276,12 @@ const Items = () => {
             value: item.values[column.label]
           }))
           const decodedData = mergedData.map(d => d.value)
-          const newItem = { ...i, mergedData, decodedData, props: mergedData }
+          const newItem = {
+            ...i,
+            mergedData,
+            decodedData,
+            metadata: { props: mergedData }
+          }
           return newItem
         } else return i
       })

src/utils/graphql/classic-item-details.js

@@ -26,14 +26,17 @@ const CLASSIC_ITEM_DETAILS_QUERY = gql`
           id
           evidences(orderBy: number, orderDirection: desc) {
             party
-            title
-            description
             URI
-            fileURI
             number
             timestamp
             txHash
-            fileTypeExtension
+            metadata {
+              name
+              title
+              description
+              fileURI
+              fileTypeExtension
+            }
           }
         }
         rounds(orderBy: creationTime, orderDirection: desc) {

src/utils/graphql/item-details.js

@@ -26,14 +26,17 @@ const LIGHT_ITEM_DETAILS_QUERY = gql`
           id
           evidences(orderBy: number, orderDirection: desc) {
             party
-            title
-            description
             URI
-            fileURI
             number
             timestamp
             txHash
-            fileTypeExtension
+            metadata {
+              name
+              title
+              description
+              fileURI
+              fileTypeExtension
+            }
           }
         }
         rounds(orderBy: creationTime, orderDirection: desc) {

src/utils/graphql/item-search.js

@@ -6,10 +6,12 @@ const ITEM_SEARCH_QUERY = gql`
       id
       itemID
       data
-      props {
-        type
-        value
-        isIdentifier
+      metadata {
+        props {
+          type
+          value
+          isIdentifier
+        }
       }
       registry {
         id

src/utils/graphql/light-items.js

@@ -26,12 +26,14 @@ const LIGHT_ITEMS_QUERY = gql`
       itemID
       status
       data
-      props {
-        value
-        type
-        label
-        description
-        isIdentifier
+      metadata {
+        props {
+          value
+          type
+          label
+          description
+          isIdentifier
+        }
       }
       requests(first: 1, orderBy: submissionTime, orderDirection: desc) {
         disputed