Merge pull request #923 from Magickbase/support-multiple-files-of-con…

…tract
Magickbase · Apr 10, 2023 · c34020a · c34020a
2 parents fb5b6c3 + eda354c
commit c34020a
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 8 deletions.
diff --git a/components/AccountOverview/index.tsx b/components/AccountOverview/index.tsx
@@ -42,6 +42,7 @@ export interface PolyjuiceContract extends AccountBase {
     | 'compiler_version'
     | 'compiler_file_format'
     | 'contract_source_code'
+    | 'sourcify_metadata'
     | 'abi'
     | 'constructor_arguments'
   > | null
@@ -110,6 +111,7 @@ const accountOverviewQuery = gql`
           compiler_version
           compiler_file_format
           contract_source_code
+          sourcify_metadata
           constructor_arguments
           abi
         }
@@ -146,6 +148,7 @@ const accountOverviewQueryUnion = gql`
           compiler_version
           compiler_file_format
           contract_source_code
+          sourcify_metadata
           constructor_arguments
           abi
         }

diff --git a/components/ContractInfo/index.tsx b/components/ContractInfo/index.tsx
@@ -23,7 +23,15 @@ import Alert from 'components/Alert'
 
 const ContractInfo: React.FC<{ address: string; contract: PolyjuiceContractProps['smart_contract'] }> = ({
   address,
-  contract: { abi, compiler_file_format, compiler_version, name, contract_source_code, constructor_arguments },
+  contract: {
+    abi,
+    compiler_file_format,
+    compiler_version,
+    name,
+    contract_source_code,
+    sourcify_metadata,
+    constructor_arguments,
+  },
 }) => {
   const [t] = useTranslation(['account', 'tokens', 'list'])
   const [tabIdx, setTabIdx] = useState(0)
@@ -206,13 +214,29 @@ const ContractInfo: React.FC<{ address: string; contract: PolyjuiceContractProps
             ))}
           </div>
           {contract_source_code ? (
-            <div className={styles.sourceCode}>
-              <div className={styles.title}>
-                <h6>{t(`contract_source_code`)}</h6>
-                {vm ? <div className={styles.vm}>{`(${vm})`}</div> : null}
-              </div>
-              <textarea defaultValue={contract_source_code} readOnly />
-            </div>
+            <>
+              {Array.isArray(sourcify_metadata) ? (
+                sourcify_metadata.slice(1).map(code => {
+                  return (
+                    <div className={styles.sourceCode} key={code.name}>
+                      <div className={styles.title}>
+                        <h6>{code.name}</h6>
+                        {vm ? <div className={styles.vm}>{`(${vm})`}</div> : null}
+                      </div>
+                      <textarea defaultValue={code.content} readOnly />
+                    </div>
+                  )
+                })
+              ) : (
+                <div className={styles.sourceCode}>
+                  <div className={styles.title}>
+                    <h6>{t(`contract_source_code`)}</h6>
+                    {vm ? <div className={styles.vm}>{`(${vm})`}</div> : null}
+                  </div>
+                  <textarea defaultValue={contract_source_code} readOnly />
+                </div>
+              )}
+            </>
           ) : null}
           {contract ? (
             <div className={styles.abi}>

diff --git a/utils/graphql.ts b/utils/graphql.ts
@@ -90,6 +90,7 @@ export namespace GraphQLSchema {
     compiler_version: String
     constructor_arguments: string
     contract_source_code: string
+    sourcify_metadata: Array<Record<'content' | 'name' | 'path', string>>
     deployment_tx_hash: string
     id: number
     name: string