Merge pull request #125 from alleslabs/feat/instantiate-wallet-alert

feat: add connect wallet alert in instantiate page

CHANGELOG.md

@@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Features
 
+- [#125](https://github.com/alleslabs/celatone-frontend/pull/125) Add connect wallet alert in instantiate page
 - [#126](https://github.com/alleslabs/celatone-frontend/pull/126) Add port id copier for IBC port id
 - [#121](https://github.com/alleslabs/celatone-frontend/pull/121) Fix code snippet for query axios
 - [#76](https://github.com/alleslabs/celatone-frontend/pull/76) Add Public projects page

src/lib/pages/instantiate/instantiate.tsx

@@ -19,6 +19,7 @@ import {
   useSimulateFee,
 } from "lib/app-provider";
 import { useInstantiateTx } from "lib/app-provider/tx/instantiate";
+import { ConnectWalletAlert } from "lib/components/ConnectWalletAlert";
 import { ControllerInput } from "lib/components/forms";
 import { AssetInput } from "lib/components/forms/AssetInput";
 import JsonInput from "lib/components/json/JsonInput";
@@ -204,6 +205,10 @@ const Instantiate = ({ onComplete }: InstantiatePageProps) => {
         <Heading as="h4" variant="h4" my="48px">
           Instantiate new contract
         </Heading>
+        <ConnectWalletAlert
+          subtitle="You need to connect your wallet to perform this action"
+          mb={6}
+        />
         <RadioGroup
           onChange={(nextVal: "select-existing" | "fill-manually") =>
             setMethod(nextVal)
@@ -223,7 +228,7 @@ const Instantiate = ({ onComplete }: InstantiatePageProps) => {
         <form style={{ width: "100%" }}>
           {method === "select-existing" ? (
             <CodeSelect
-              mt="16px"
+              mt="24px"
               mb="32px"
               onCodeSelect={(code: string) => setValue("codeId", code)}
               codeId={codeId}