refactor: votes page ui adjustments (#2343)

ArkEcosystem · Jul 2, 2020 · e8bb5de · e8bb5de
1 parent f95a794
commit e8bb5de
Show file tree

Hide file tree

Showing 10 changed files with 1,049 additions and 139 deletions.
diff --git a/src/domains/vote/components/AddressList/__snapshots__/AddressList.test.tsx.snap b/src/domains/vote/components/AddressList/__snapshots__/AddressList.test.tsx.snap
@@ -284,7 +284,7 @@ exports[`AddressList should render 1`] = `
               </div>
             </td>
             <td
-              class="py-5"
+              class="w-20 py-5"
             >
               <div
                 class="inline-block truncate align-middle"
@@ -428,7 +428,7 @@ exports[`AddressList should render 1`] = `
               </div>
             </td>
             <td
-              class="py-5"
+              class="w-20 py-5"
             >
               <div
                 class="inline-block truncate align-middle"
@@ -546,7 +546,7 @@ exports[`AddressList should render 1`] = `
               </div>
             </td>
             <td
-              class="py-5"
+              class="w-20 py-5"
             >
               <div
                 class="inline-block truncate align-middle"
@@ -571,7 +571,7 @@ exports[`AddressList should render 1`] = `
               class="py-5"
             >
               <div
-                class="sc-AxhCb fwVCao border-theme-neutral-200"
+                class="sc-AxhCb fwVCao border-theme-neutral-300"
               />
             </td>
             <td
@@ -627,7 +627,7 @@ exports[`AddressList should render 1`] = `
               </div>
             </td>
             <td
-              class="py-5"
+              class="w-20 py-5"
             >
               <div
                 class="inline-block truncate align-middle"
@@ -652,7 +652,7 @@ exports[`AddressList should render 1`] = `
               class="py-5"
             >
               <div
-                class="sc-AxhCb fwVCao border-theme-neutral-200"
+                class="sc-AxhCb fwVCao border-theme-neutral-300"
               />
             </td>
             <td

diff --git a/src/domains/vote/components/AddressListItem/AddressListItem.tsx b/src/domains/vote/components/AddressListItem/AddressListItem.tsx
@@ -39,7 +39,7 @@ export const AddressListItem = ({
 				<Avatar address={walletAddress!} />
 			</td>
 
-			<td className="py-5">
+			<td className="w-20 py-5">
 				<Address walletName={walletName} address={walletAddress} maxChars={22} />
 			</td>
 
@@ -57,7 +57,7 @@ export const AddressListItem = ({
 				{delegateAddress ? (
 					<Avatar address={delegateAddress} />
 				) : (
-					<Circle className="border-theme-neutral-200" />
+					<Circle className="border-theme-neutral-300" />
 				)}
 			</td>
 

diff --git a/src/domains/vote/components/AddressListItem/__snapshots__/AddressListItem.test.tsx.snap b/src/domains/vote/components/AddressListItem/__snapshots__/AddressListItem.test.tsx.snap
@@ -22,7 +22,7 @@ exports[`AddressListItem should emit action on select button 1`] = `
           </div>
         </td>
         <td
-          class="py-5"
+          class="w-20 py-5"
         >
           <div
             class="inline-block truncate align-middle"
@@ -175,7 +175,7 @@ exports[`AddressListItem should render 1`] = `
           </div>
         </td>
         <td
-          class="py-5"
+          class="w-20 py-5"
         >
           <div
             class="inline-block truncate align-middle"

diff --git a/src/domains/vote/components/DelegateList/DelegateList.tsx b/src/domains/vote/components/DelegateList/DelegateList.tsx
@@ -100,9 +100,9 @@ export const DelegateList = (props: DelegateListProps) => {
 			accessor: "commissionDaily",
 		},
 		{
-			Header: "",
+			Header: "Vote",
 			accessor: "onSelect",
-			disableSortBy: true,
+			className: "justify-end",
 		},
 	];