From 74da06bcaee31308e6a1e91cc90258ca8a8b2a34 Mon Sep 17 00:00:00 2001
From: Jennie Alles <jennieramida@gmail.com>
Date: Fri, 12 Jan 2024 20:09:30 +0700
Subject: [PATCH] fix(components): add missing title for instantiate permission
 and adjust contract menu in nav bar

---
 CHANGELOG.md                                |  1 +
 src/lib/components/upload/UploadSection.tsx | 23 +++++++++++-------
 src/lib/layout/mobile/NavDrawer.tsx         |  2 +-
 src/lib/pages/proposal/store-code/index.tsx | 26 ++++++++++-----------
 4 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8e60f4d0b..d9c27035e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -44,6 +44,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
+- [#726](https://github.com/alleslabs/celatone-frontend/pull/726) Add missing title for instantiate permission and adjust contract menu in nav bar
 - [#713](https://github.com/alleslabs/celatone-frontend/pull/713) Adjust search state consistency
 - [#712](https://github.com/alleslabs/celatone-frontend/pull/712) api v1 - proposal list
 - [#714](https://github.com/alleslabs/celatone-frontend/pull/714) api v1 - recent contracts list
diff --git a/src/lib/components/upload/UploadSection.tsx b/src/lib/components/upload/UploadSection.tsx
index aa151ec76..7e168dbd1 100644
--- a/src/lib/components/upload/UploadSection.tsx
+++ b/src/lib/components/upload/UploadSection.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Flex } from "@chakra-ui/react";
+import { Box, Button, Flex, Heading, Text } from "@chakra-ui/react";
 import type { StdFee } from "@cosmjs/stargate";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useForm } from "react-hook-form";
@@ -230,12 +230,20 @@ export const UploadSection = ({
         }
         variant="fixed-floating"
       />
-      <InstantiatePermissionRadio
-        control={control}
-        setValue={setValue}
-        trigger={trigger}
-      />
-
+      <Flex direction="column">
+        <Heading as="h6" variant="h6" fontWeight={600} my={2}>
+          Instantiate Permission
+        </Heading>
+        <Text color="text.dark" variant="body2" mb={4}>
+          Specify who has the authority to instantiate the contract using this
+          code
+        </Text>
+        <InstantiatePermissionRadio
+          control={control}
+          setValue={setValue}
+          trigger={trigger}
+        />
+      </Flex>
       <Box width="full">
         {(simulateStatus.status !== "default" || isSimulating) && (
           <SimulateMessageRender
@@ -265,7 +273,6 @@ export const UploadSection = ({
           />
         </Flex>
       </Box>
-
       <Flex justify="space-between" w="100%" mt="32px">
         <Button
           variant="outline-gray"
diff --git a/src/lib/layout/mobile/NavDrawer.tsx b/src/lib/layout/mobile/NavDrawer.tsx
index 710db1d6b..5b3995d40 100644
--- a/src/lib/layout/mobile/NavDrawer.tsx
+++ b/src/lib/layout/mobile/NavDrawer.tsx
@@ -59,7 +59,7 @@ export const NavDrawer = () => {
                 icon: "code" as IconKeys,
               },
               {
-                name: "Recent Contracts",
+                name: "Contracts",
                 slug: "/contracts",
                 icon: "contract-address" as IconKeys,
               },
diff --git a/src/lib/pages/proposal/store-code/index.tsx b/src/lib/pages/proposal/store-code/index.tsx
index 74da41a73..931a1bfa1 100644
--- a/src/lib/pages/proposal/store-code/index.tsx
+++ b/src/lib/pages/proposal/store-code/index.tsx
@@ -510,20 +510,20 @@ const StoreCodeProposal = () => {
                       : errors.source?.message
                   }
                 />
-
                 {/* Instantiate permission  */}
-                <Heading as="h6" variant="h6" pt={12}>
-                  {PROPOSAL_STORE_CODE_TEXT.permissionTitle}
-                </Heading>
-                <Text color="text.dark" pb={2}>
-                  {PROPOSAL_STORE_CODE_TEXT.permissionDescription}
-                </Text>
-                <InstantiatePermissionRadio
-                  control={uploadSectionControl}
-                  setValue={uploadSectionSetValue}
-                  trigger={uploadSectionTrigger}
-                />
-
+                <Flex direction="column" pt={12}>
+                  <Heading as="h6" variant="h6" fontWeight={600} my={2}>
+                    {PROPOSAL_STORE_CODE_TEXT.permissionTitle}
+                  </Heading>
+                  <Text color="text.dark" variant="body2" mb={4}>
+                    {PROPOSAL_STORE_CODE_TEXT.permissionDescription}
+                  </Text>
+                  <InstantiatePermissionRadio
+                    control={uploadSectionControl}
+                    setValue={uploadSectionSetValue}
+                    trigger={uploadSectionTrigger}
+                  />
+                </Flex>
                 {/* Deposit  */}
                 <InitialDeposit govParams={govParams} />
                 <Grid py={6} columnGap={4} templateColumns="1fr 3fr">