feat: Show contract address

ganesh1997oli · Feb 20, 2023 · 907bca7 · 907bca7
1 parent 8665ed9
commit 907bca7
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/frontend/src/components/web3/GreeterContractInteractions.tsx b/packages/frontend/src/components/web3/GreeterContractInteractions.tsx
@@ -14,7 +14,7 @@ import 'twin.macro'
 
 export const GreeterContractInteractions: FC = () => {
   const { api, activeAccount, isConnected, activeSigner } = useInkathon()
-  const { contract } = useRegisteredContract(ContractIds.greeter)
+  const { contract, address: contractAddress } = useRegisteredContract(ContractIds.greeter)
   const [greeterMessage, setGreeterMessage] = useState<string>()
   const [fetchIsLoading, setFetchIsLoading] = useState<boolean>()
   const [updateIsLoading, setUpdateIsLoading] = useState<boolean>()
@@ -111,6 +111,9 @@ export const GreeterContractInteractions: FC = () => {
             </form>
           </Card>
         )}
+
+        {/* Contract Address */}
+        <p tw="text-center font-mono text-xs text-gray-600">{contractAddress}</p>
       </div>
     </>
   )