From e77ac9dcf4a681554db65e5785e55b863f68b025 Mon Sep 17 00:00:00 2001
From: Kenny Chung <kenny.chung@mindler.se>
Date: Thu, 24 Feb 2022 23:05:12 +0100
Subject: [PATCH] format

---
 .../ActionsBuilder/ActionsBuilder.tsx         | 16 ++++++++++---
 .../SidebarInfoCard/SidebarInfoCard.tsx       |  4 +++-
 .../ProposalPage/ProposalInfoCard/index.tsx   |  4 +++-
 .../ProposalVoteCard/ProposalVotes.tsx        | 23 ++++++++++---------
 .../ProposalPage/ProposalVoteCard/index.tsx   |  5 +++-
 .../Guilds/common/VoteChart/index.tsx         |  8 +++----
 6 files changed, 39 insertions(+), 21 deletions(-)

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<ActionsBuilderProps> = ({
         <Flex direction="row" justifyContent="space-between">
           <CardHeader color="#fff">Actions</CardHeader>
           {proposalViewMode ? null : actionsEditMode ? (
-            <Button variant="secondary" onClick={() => setActionsEditMode(false)}>Save</Button>
+            <Button
+              variant="secondary"
+              onClick={() => setActionsEditMode(false)}
+            >
+              Save
+            </Button>
           ) : (
-            <Button variant="secondary" onClick={() => setActionsEditMode(true)}>Edit</Button>
+            <Button
+              variant="secondary"
+              onClick={() => setActionsEditMode(true)}
+            >
+              Edit
+            </Button>
           )}
         </Flex>
       }
@@ -94,7 +104,7 @@ export const ActionsBuilder: React.FC<ActionsBuilderProps> = ({
                   {
                     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 = () => {
       <SidebarCardContent>
         <Row>
           <Label>Consensus System</Label>
-          <Label color={({ theme }) => theme.colors.proposalText.lightGrey}>Guild</Label>
+          <Label color={({ theme }) => theme.colors.proposalText.lightGrey}>
+            Guild
+          </Label>
         </Row>
         <Row>
           <Label>Proposal Duration</Label>
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 = () => {
 
         <UserInfoDetail>
           <Label>Consensus System</Label>
-          <Label color={({ theme }) => theme.colors.proposalText.lightGrey}>Guild</Label>
+          <Label color={({ theme }) => theme.colors.proposalText.lightGrey}>
+            Guild
+          </Label>
         </UserInfoDetail>
         <UserInfoDetail>
           <Label>Proposal Duration</Label>
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<ProposalVotesProps> = ({
   showToken,
@@ -56,16 +56,18 @@ export const ProposalVotes: React.FC<ProposalVotesProps> = ({
     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 (
     <VotesContainer>
       {voteData.args &&
         Object.values(voteData?.args).map((_, i) => {
-          console.log("voteData", voteData.args[i])
+          console.log('voteData', voteData.args[i]);
           return (
             <>
               <VotesRow key={i} type="0">
@@ -76,7 +78,6 @@ export const ProposalVotes: React.FC<ProposalVotesProps> = ({
                 <div>
                   {valueToDisplay(i, showToken, voteData?.args)} {unitDisplay}
                 </div>
-
               </VotesRow>
               <VotesRow type="1">
                 <StyledContainer>
@@ -84,9 +85,9 @@ export const ProposalVotes: React.FC<ProposalVotesProps> = ({
                   <StyledText>{'Against'}</StyledText>
                 </StyledContainer>
                 <div>
-                  {valueToDisplay(i + 1, showToken, voteData?.args)} {unitDisplay}
+                  {valueToDisplay(i + 1, showToken, voteData?.args)}{' '}
+                  {unitDisplay}
                 </div>
-
               </VotesRow>
             </>
           );
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={
         <SidebarCardHeader>
           Cast your vote{' '}
-          <SmallButton variant="secondary" onClick={() => setShowToken(!showToken)}>
+          <SmallButton
+            variant="secondary"
+            onClick={() => setShowToken(!showToken)}
+          >
             {showToken ? TOKEN : '%'}
           </SmallButton>
         </SidebarCardHeader>
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)`