Merge pull request #173 from alleslabs/feat/migrate-alert

feat: add connect wallet alert to migrate page

CHANGELOG.md

@@ -109,6 +109,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
+- [#173](https://github.com/alleslabs/celatone-frontend/pull/173) Add connect wallet alert to migrate page
 - [#161](https://github.com/alleslabs/celatone-frontend/pull/161) Fix editable cell, no wrap when hover and click outside to close the editable cell
 - [#159](https://github.com/alleslabs/celatone-frontend/pull/159) Add query key so refetch data when network change
 - [#145](https://github.com/alleslabs/celatone-frontend/pull/145) Disable closing on some modal when click on modal overlay

src/lib/pages/migrate/index.tsx

@@ -7,6 +7,7 @@ import { useCallback, useEffect } from "react";
 import { useForm } from "react-hook-form";
 
 import { useCelatoneApp, useInternalNavigate } from "lib/app-provider";
+import { ConnectWalletAlert } from "lib/components/ConnectWalletAlert";
 import { ContractSelectSection } from "lib/components/ContractSelectSection";
 import { Stepper } from "lib/components/stepper";
 import WasmPageContainer from "lib/components/WasmPageContainer";
@@ -152,6 +153,10 @@ const Migrate = () => {
           <Stepper mode="migrate" currentStep={2} />
         </Box>
       )}
+      <ConnectWalletAlert
+        mb="24px"
+        subtitle="You need to connect your wallet to perform this action"
+      />
       {/* Select Migrate Contract modal */}
       <ContractSelectSection
         mode="only-admin"