Merge pull request #991 from alleslabs/fux/bug-bash-02

Fix(components): code select section label
alleslabs · Jun 21, 2024 · 7c47558 · 7c47558
2 parents 0cc8911 + 2ca223c
commit 7c47558
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 16 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -101,6 +101,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#991](https://github.com/alleslabs/celatone-frontend/pull/991) Fix code select section heading label
 - [#986](https://github.com/alleslabs/celatone-frontend/pull/986) Fix bugbash lite version (creator, sorting name in validator)
 - [#985](https://github.com/alleslabs/celatone-frontend/pull/985) Fix proposal details lite version bugs
 - [#987](https://github.com/alleslabs/celatone-frontend/pull/987) Fix bug bash (query redirection, module button color, modal open/close, migration contract radio button, txs count in account detail)

diff --git a/src/lib/pages/instantiate/instantiate.tsx b/src/lib/pages/instantiate/instantiate.tsx
@@ -1,4 +1,4 @@
-import { Flex, Heading, Text } from "@chakra-ui/react";
+import { Box, Flex, Heading, Text } from "@chakra-ui/react";
 import type { InstantiateResult } from "@cosmjs/cosmwasm-stargate";
 import type { StdFee } from "@cosmjs/stargate";
 import type { RJSFValidationError } from "@rjsf/utils";
@@ -19,6 +19,7 @@ import {
   useFabricateFee,
   useInstantiateTx,
   useSimulateFeeQuery,
+  useTierConfig,
   useValidateAddress,
 } from "lib/app-provider";
 import { useAttachFunds } from "lib/app-provider/hooks/useAttachFunds";
@@ -97,6 +98,7 @@ const Instantiate = ({ onComplete }: InstantiatePageProps) => {
   const { validateUserAddress, validateContractAddress } = useValidateAddress();
   const getAttachFunds = useAttachFunds();
   const { getSchemaByCodeHash } = useSchemaStore();
+  const isFullTier = useTierConfig() === "full";
 
   // ------------------------------------------//
   // ------------------STATES------------------//
@@ -407,20 +409,27 @@ const Instantiate = ({ onComplete }: InstantiatePageProps) => {
           subtitle="You need to connect your wallet to perform this action"
           mb={6}
         />
-        <CodeSelectSection
-          name="codeId"
-          control={control}
-          status={status}
-          error={formErrors.codeId?.message}
-          onCodeSelect={(code: string) => {
-            setValue("codeId", code);
-            resetMsgInputSchema();
-          }}
-          setCodeHash={(data: Code) =>
-            setValue("codeHash", data.hash.toLowerCase())
-          }
-          codeId={codeId}
-        />
+        <Box w="100%">
+          {!isFullTier && (
+            <Heading variant="h6" as="h6" mt={4} mb={6} alignSelf="flex-start">
+              Code ID
+            </Heading>
+          )}
+          <CodeSelectSection
+            name="codeId"
+            control={control}
+            status={status}
+            error={formErrors.codeId?.message}
+            onCodeSelect={(code: string) => {
+              setValue("codeId", code);
+              resetMsgInputSchema();
+            }}
+            setCodeHash={(data: Code) =>
+              setValue("codeHash", data.hash.toLowerCase())
+            }
+            codeId={codeId}
+          />
+        </Box>
         <form style={{ width: "100%" }}>
           <Heading variant="h6" as="h6" mt={4} mb={6} alignSelf="flex-start">
             Label

diff --git a/src/lib/pages/migrate/components/MigrateContract.tsx b/src/lib/pages/migrate/components/MigrateContract.tsx
@@ -244,7 +244,7 @@ export const MigrateContract = ({
   return (
     <>
       <Heading as="h6" variant="h6" mb={4}>
-        To Code ID
+        Migrate to Code ID
       </Heading>
       <CodeSelectSection
         name="codeId"