ui-refresh

moonshotcollective · Jan 5, 2022 · d03d958 · d03d958
1 parent 525772b
commit d03d958
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 14 deletions.
diff --git a/packages/react-app/src/App.jsx b/packages/react-app/src/App.jsx
@@ -509,7 +509,6 @@ function App(props) {
     <div>
       <Box mb={8} pl={"14vw"} pr={"14vw"}>
         <Wrap pb={"6vh"}>
-          {/* <HStack> */}
             <WrapItem>
               <a href="/">
                 <Header />
@@ -539,7 +538,6 @@ function App(props) {
               />
             </Box>
             </WrapItem>
-          {/* </HStack> */}
         </Wrap>
         {address && address !== "" ? (
           <BrowserRouter>

diff --git a/packages/react-app/src/routes/home/components/EmptyCard.jsx b/packages/react-app/src/routes/home/components/EmptyCard.jsx
@@ -1,19 +1,19 @@
-import {Box, Button} from "@chakra-ui/react";
+import {Box, Button, Text} from "@chakra-ui/react";
 import { useHistory, Link } from "react-router-dom";
 
 export const EmptyCard = ({}) => {
 const routeHistory = useHistory();
     return ( 
-        <Box borderWidth="1px" key={`box-create`}>
-        <p>No Parties.</p>
+        <Box borderWidth="1px" rounded="md" shadow="md" p="5" w="sm" key={`box-create`}>
+        <Text>No Parties</Text>
         <Button
           variant="link"
           to={`/create`}
           onClick={() => {
             routeHistory.push(`/create`);
           }}
         >
-          Create
+          Create a new party
         </Button>
       </Box>
     )

diff --git a/packages/react-app/src/routes/party/components/View.jsx b/packages/react-app/src/routes/party/components/View.jsx
@@ -60,13 +60,13 @@ export const View = ({ partyData, mainnetProvider, votesData, distribution }) =>
         <Text fontSize="lg">Party</Text>
       </Center>
       <Center pt={4}>
-        <Text>{`${partyData?.name}`}</Text>
+        <Text fontSize='xl'>{`${partyData?.name}`}</Text>
       </Center>
       <Center pt={4} pl="5%" pr="5%">
         <Text fontSize="sm">{`${partyData?.description}`}</Text>
       </Center>
-        <Center>
-        <Text pt={4}fontSize="md">{`Voted: ${partyData?.ballots?.length}/${partyData?.participants?.length}`}</Text>
+        <Center p='4'>
+        <Text fontWeight='semibold' fontSize='lg'>{`Voted: ${partyData?.ballots?.length}/${partyData?.participants?.length}`}</Text>
       </Center>
 
       <Table borderWidth='1px'>

diff --git a/packages/react-app/src/routes/party/components/Vote.jsx b/packages/react-app/src/routes/party/components/Vote.jsx
@@ -127,21 +127,25 @@ export const Vote = ({ dbInstance, partyData, address, userSigner, targetNetwork
   }, [partyData, votesLeft]);
 
   return (
-    <Box borderWidth={"1px"} shadow='md' rounded='md' p='10' w='4xl' minW='sm'>
+    <Box borderWidth={"1px"} shadow="md" rounded="md" p="10" w="4xl" minW="sm">
       <Center pt={4}>
         <Text fontSize="lg">Party</Text>
       </Center>
       <Center pt={4}>
-        <Text>{`${partyData.name}`}</Text>
+        <Text fontSize="xl">{`${partyData.name}`}</Text>
       </Center>
       <Center pt={4} pl="5%" pr="5%">
         <Text fontSize="sm">{`${partyData.description}`}</Text>
       </Center>
       <Center pt={4}>
-        <Text fontSize="xl">Cast Votes</Text>
+        <Text fontSize="lg">Cast Votes</Text>
       </Center>
-      <Center>{votesLeft}</Center>
-      <Table borderWidth='1px'>
+      <Center pb="3">
+        <Text fontWeight="semibold" fontSize="lg">
+          {votesLeft}
+        </Text>
+      </Center>
+      <Table borderWidth="1px">
         <Thead>
           <Tr>
             <Th>Address</Th>