update: minor ui tweaks

moonshotcollective · Mar 3, 2022 · 7583a5b · 7583a5b
1 parent 72d90ee
commit 7583a5b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/packages/react-app/src/App.jsx b/packages/react-app/src/App.jsx
@@ -300,8 +300,10 @@ function App(props) {
           </WrapItem>
           <Spacer />
           <WrapItem>
-            <Box pt={5}>{networkSelect}</Box>
-            <Box pt={5}>
+            <Box pt={8} pr={2}>
+              {networkSelect}
+            </Box>
+            <Box pt={8} pr={2}>
               <Account
                 address={address}
                 localProvider={localProvider}
@@ -314,7 +316,7 @@ function App(props) {
                 blockExplorer={blockExplorer}
               />
             </Box>
-            <Box pt={5}>
+            <Box pt={8}>
               <IconButton
                 variant="ghost"
                 icon={colorMode === "light" ? <MoonIcon /> : <SunIcon />}

diff --git a/packages/react-app/src/routes/home/Home.jsx b/packages/react-app/src/routes/home/Home.jsx
@@ -83,17 +83,20 @@ function Home({
     <Center pt={10}>
       <Box borderWidth={1} borderRadius={24} shadow="xl" pl={10} pr={10} pb={6} pt={2}>
         <Center>
-          <Text fontSize="xl" fontWeight="semibold" p={6}>
+          <Text fontSize="xl" fontWeight="semibold" pt={6} pb={6} pr={3}>
             Join the party
           </Text>
+          <Text fontSize="2xl" fontWeight="semibold" pt={1}>
+            🎊
+          </Text>
         </Center>
         <Box bg={useColorModeValue("whiteAlpha.900", "purple.900")} borderRadius={24}>
           {alertInvalidId()}
           <Input
             variant="unstyled"
             p={6}
             isInvalid={isInvalidId}
-            placeholder="Party Name/ID"
+            placeholder="Party Name or UID"
             onChange={e => setId(e.target.value)}
           ></Input>
         </Box>

diff --git a/packages/react-app/src/routes/party/components/Metadata.jsx b/packages/react-app/src/routes/party/components/Metadata.jsx
@@ -3,7 +3,7 @@ import { QuestionOutlineIcon, CopyIcon } from "@chakra-ui/icons";
 import React, { useState } from "react";
 
 export const Metadata = ({ partyData, mainnetProvider, votesData, distribution, strategy }) => {
-  const [cpText, setCpText] = useState("Copy URL");
+  const [cpText, setCpText] = useState("Copy Party URL");
   const toast = useToast();
   return (
     <Box>
@@ -25,7 +25,7 @@ export const Metadata = ({ partyData, mainnetProvider, votesData, distribution,
               navigator.clipboard.writeText(window.location.href);
             }}
           >
-            {window.location.href}
+            Share Party
           </Button>
         </Tooltip>
       </Center>