diff --git a/src/components/Guilds/CreateProposalPage/ActionsBuilder/ActionsBuilder.tsx b/src/components/Guilds/CreateProposalPage/ActionsBuilder/ActionsBuilder.tsx index 98554abf3a..765306f544 100644 --- a/src/components/Guilds/CreateProposalPage/ActionsBuilder/ActionsBuilder.tsx +++ b/src/components/Guilds/CreateProposalPage/ActionsBuilder/ActionsBuilder.tsx @@ -50,9 +50,19 @@ export const ActionsBuilder: React.FC = ({ Actions {proposalViewMode ? null : actionsEditMode ? ( - + ) : ( - + )} } @@ -94,7 +104,7 @@ export const ActionsBuilder: React.FC = ({ { type: ActionTypes[ [ActionTypes.for, ActionTypes.against][ - Math.ceil(Math.random() * 2) - 1 + Math.ceil(Math.random() * 2) - 1 ] ], }, diff --git a/src/components/Guilds/CreateProposalPage/SidebarInfoCard/SidebarInfoCard.tsx b/src/components/Guilds/CreateProposalPage/SidebarInfoCard/SidebarInfoCard.tsx index 0d00f05f0c..a7b431fdc2 100644 --- a/src/components/Guilds/CreateProposalPage/SidebarInfoCard/SidebarInfoCard.tsx +++ b/src/components/Guilds/CreateProposalPage/SidebarInfoCard/SidebarInfoCard.tsx @@ -43,7 +43,9 @@ export const SidebarInfoCard = () => { - + diff --git a/src/components/Guilds/ProposalPage/ProposalInfoCard/index.tsx b/src/components/Guilds/ProposalPage/ProposalInfoCard/index.tsx index ee9f8683d7..28aa246cb7 100644 --- a/src/components/Guilds/ProposalPage/ProposalInfoCard/index.tsx +++ b/src/components/Guilds/ProposalPage/ProposalInfoCard/index.tsx @@ -95,7 +95,9 @@ const ProposalInfoCard: React.FC = () => { - + diff --git a/src/components/Guilds/ProposalPage/ProposalVoteCard/ProposalVotes.tsx b/src/components/Guilds/ProposalPage/ProposalVoteCard/ProposalVotes.tsx index 904b31ae68..cd07cff213 100644 --- a/src/components/Guilds/ProposalPage/ProposalVoteCard/ProposalVotes.tsx +++ b/src/components/Guilds/ProposalPage/ProposalVoteCard/ProposalVotes.tsx @@ -33,15 +33,15 @@ const ColoredBullet = styled.span` margin, padding: 0; position: absolute; -` +`; const StyledContainer = styled(Flex)` display: flex; flex-direction: row; justify-content: flex-start; -` +`; const StyledText = styled.span` -margin-left: 1.2rem; -` + margin-left: 1.2rem; +`; export const ProposalVotes: React.FC = ({ showToken, @@ -56,16 +56,18 @@ export const ProposalVotes: React.FC = ({ args: any ): number => { if (args[action] === null || args[action] === undefined) { - return 0 + return 0; } - return showToken ? formatUnits(args[action][action][0]) : args[action][action][1]; - } + return showToken + ? formatUnits(args[action][action][0]) + : args[action][action][1]; + }; return ( {voteData.args && Object.values(voteData?.args).map((_, i) => { - console.log("voteData", voteData.args[i]) + console.log('voteData', voteData.args[i]); return ( <> @@ -76,7 +78,6 @@ export const ProposalVotes: React.FC = ({
{valueToDisplay(i, showToken, voteData?.args)} {unitDisplay}
-
@@ -84,9 +85,9 @@ export const ProposalVotes: React.FC = ({ {'Against'}
- {valueToDisplay(i + 1, showToken, voteData?.args)} {unitDisplay} + {valueToDisplay(i + 1, showToken, voteData?.args)}{' '} + {unitDisplay}
-
); diff --git a/src/components/Guilds/ProposalPage/ProposalVoteCard/index.tsx b/src/components/Guilds/ProposalPage/ProposalVoteCard/index.tsx index ed6596d44e..af0f01ed22 100644 --- a/src/components/Guilds/ProposalPage/ProposalVoteCard/index.tsx +++ b/src/components/Guilds/ProposalPage/ProposalVoteCard/index.tsx @@ -52,7 +52,10 @@ const ProposalVoteCard = () => { header={ Cast your vote{' '} - setShowToken(!showToken)}> + setShowToken(!showToken)} + > {showToken ? TOKEN : '%'} diff --git a/src/components/Guilds/common/VoteChart/index.tsx b/src/components/Guilds/common/VoteChart/index.tsx index 4cbb9a4bf5..44d8991c0c 100644 --- a/src/components/Guilds/common/VoteChart/index.tsx +++ b/src/components/Guilds/common/VoteChart/index.tsx @@ -49,8 +49,8 @@ const VoteQuorumLabel = styled.div` quorum < 10 ? `0px ${theme.radii.curved} ${theme.radii.curved}` : quorum > 90 - ? `${theme.radii.curved} 0px ${theme.radii.curved} ${theme.radii.curved}` - : `${theme.radii.curved}`}; + ? `${theme.radii.curved} 0px ${theme.radii.curved} ${theme.radii.curved}` + : `${theme.radii.curved}`}; font-size: 14px; font-weight: 600; align-items: center; @@ -76,8 +76,8 @@ const VoteQuorumContainer = styled.div` quorum < 10 ? `${quorum}%` : quorum > 90 - ? `calc(${quorum}% - 65px)` - : `calc(${quorum}% - 22px)`}; + ? `calc(${quorum}% - 65px)` + : `calc(${quorum}% - 22px)`}; `; const SkeletonAction = styled(Flex)`