feat: add my registrations (#2292)

ArkEcosystem · Jun 30, 2020 · 9a7b9e3 · 9a7b9e3
1 parent da844ee
commit 9a7b9e3
Show file tree

Hide file tree

Showing 44 changed files with 3,912 additions and 73 deletions.
diff --git a/src/app/assets/svg/index.ts b/src/app/assets/svg/index.ts
@@ -58,6 +58,8 @@ import { ReactComponent as Profile } from "./profile.svg";
 import { ReactComponent as Qrcode } from "./qrcode.svg";
 import { ReactComponent as Receive } from "./receive.svg";
 import { ReactComponent as Received } from "./received.svg";
+import { ReactComponent as Redirect } from "./redirect.svg";
+import { ReactComponent as RegistrationsIllustration } from "./register.svg";
 import { ReactComponent as ReplyArrow } from "./reply-arrow.svg";
 import { ReactComponent as Reset } from "./reset.svg";
 import { ReactComponent as Search } from "./search.svg";
@@ -129,8 +131,10 @@ export const SvgCollection: any = {
 	Qrcode,
 	Receive,
 	Received,
+	Redirect,
 	ReplyArrow,
 	Reset,
+	RegistrationsIllustration,
 	Search,
 	Send,
 	Sent,

diff --git a/src/app/assets/svg/redirect.svg b/src/app/assets/svg/redirect.svg
diff --git a/src/app/assets/svg/register.svg b/src/app/assets/svg/register.svg
diff --git a/...llet/components/Avatar/Avatar.stories.tsx → src/app/components/Avatar/Avatar.stories.tsx b/...llet/components/Avatar/Avatar.stories.tsx → src/app/components/Avatar/Avatar.stories.tsx
diff --git a/.../wallet/components/Avatar/Avatar.test.tsx → src/app/components/Avatar/Avatar.test.tsx b/.../wallet/components/Avatar/Avatar.test.tsx → src/app/components/Avatar/Avatar.test.tsx
diff --git a/...mains/wallet/components/Avatar/Avatar.tsx → src/app/components/Avatar/Avatar.tsx b/...mains/wallet/components/Avatar/Avatar.tsx → src/app/components/Avatar/Avatar.tsx
diff --git a/...Avatar/__snapshots__/Avatar.test.tsx.snap → ...Avatar/__snapshots__/Avatar.test.tsx.snap b/...Avatar/__snapshots__/Avatar.test.tsx.snap → ...Avatar/__snapshots__/Avatar.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Avatar should render 1`] = `
 <DocumentFragment>
   <div
-    class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+    class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
     data-testid="Avatar"
   />
 </DocumentFragment>
@@ -12,7 +12,7 @@ exports[`Avatar should render 1`] = `
 exports[`Avatar should render with custom size 1`] = `
 <DocumentFragment>
   <div
-    class="Avatar__AvatarStyled-yiil9n-0 clAjq"
+    class="Avatar__AvatarStyled-sc-1vsy2s2-0 kySuJj"
     data-testid="Avatar"
   />
 </DocumentFragment>
@@ -21,7 +21,7 @@ exports[`Avatar should render with custom size 1`] = `
 exports[`Avatar should render without shadow 1`] = `
 <DocumentFragment>
   <div
-    class="Avatar__AvatarStyled-yiil9n-0 jrvbgl"
+    class="Avatar__AvatarStyled-sc-1vsy2s2-0 bnuliI"
     data-testid="Avatar"
   />
 </DocumentFragment>

diff --git a/...domains/wallet/components/Avatar/index.ts → src/app/components/Avatar/index.ts b/...domains/wallet/components/Avatar/index.ts → src/app/components/Avatar/index.ts
diff --git a/src/domains/myvote/components/AddressList/__snapshots__/AddressList.test.tsx.snap b/src/domains/myvote/components/AddressList/__snapshots__/AddressList.test.tsx.snap
@@ -265,7 +265,7 @@ exports[`AddressList should render 1`] = `
             class="py-5"
           >
             <div
-              class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+              class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
               data-testid="Avatar"
             />
           </td>
@@ -315,7 +315,7 @@ exports[`AddressList should render 1`] = `
             class="py-5"
           >
             <div
-              class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+              class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
               data-testid="Avatar"
             />
           </td>
@@ -397,7 +397,7 @@ exports[`AddressList should render 1`] = `
             class="py-5"
           >
             <div
-              class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+              class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
               data-testid="Avatar"
             />
           </td>
@@ -441,7 +441,7 @@ exports[`AddressList should render 1`] = `
             class="py-5"
           >
             <div
-              class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+              class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
               data-testid="Avatar"
             />
           </td>
@@ -503,7 +503,7 @@ exports[`AddressList should render 1`] = `
             class="py-5"
           >
             <div
-              class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+              class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
               data-testid="Avatar"
             />
           </td>
@@ -578,7 +578,7 @@ exports[`AddressList should render 1`] = `
             class="py-5"
           >
             <div
-              class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+              class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
               data-testid="Avatar"
             />
           </td>

diff --git a/src/domains/myvote/components/AddressListItem/AddressListItem.tsx b/src/domains/myvote/components/AddressListItem/AddressListItem.tsx
@@ -1,8 +1,8 @@
 import { Address } from "app/components/Address";
+import { Avatar } from "app/components/Avatar";
 import { Button } from "app/components/Button";
 import { Circle } from "app/components/Circle";
 import { Icon } from "app/components/Icon";
-import { Avatar } from "domains/wallet/components/Avatar";
 import React from "react";
 import { useTranslation } from "react-i18next";
 

diff --git a/src/domains/myvote/components/AddressListItem/__snapshots__/AddressListItem.test.tsx.snap b/src/domains/myvote/components/AddressListItem/__snapshots__/AddressListItem.test.tsx.snap
@@ -11,7 +11,7 @@ exports[`AddressListItem should emit action on select button 1`] = `
           class="py-5"
         >
           <div
-            class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+            class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
             data-testid="Avatar"
           />
         </td>
@@ -61,7 +61,7 @@ exports[`AddressListItem should emit action on select button 1`] = `
           class="py-5"
         >
           <div
-            class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+            class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
             data-testid="Avatar"
           />
         </td>
@@ -152,7 +152,7 @@ exports[`AddressListItem should render 1`] = `
           class="py-5"
         >
           <div
-            class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+            class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
             data-testid="Avatar"
           />
         </td>
@@ -202,7 +202,7 @@ exports[`AddressListItem should render 1`] = `
           class="py-5"
         >
           <div
-            class="Avatar__AvatarStyled-yiil9n-0 fympLW"
+            class="Avatar__AvatarStyled-sc-1vsy2s2-0 jZYOhz"
             data-testid="Avatar"
           />
         </td>

diff --git a/src/domains/myvote/components/DelegateList/DelegateList.tsx b/src/domains/myvote/components/DelegateList/DelegateList.tsx
@@ -1,7 +1,7 @@
+import { Avatar } from "app/components/Avatar";
 import { Button } from "app/components/Button";
 import { Circle } from "app/components/Circle";
 import { Table } from "app/components/Table";
-import { Avatar } from "domains/wallet/components/Avatar";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 
@@ -18,7 +18,7 @@ const SelectedDelegateList = ({ delegates, className }: { delegates: any[]; clas
 		output.push(
 			<div
 				key={delegate.username}
-				className="flex items-center py-4 font-semibold border-b border-dashed border-theme-neutral-200 last:border-0"
+				className="border-theme-neutral-200 last:border-0 flex items-center py-4 font-semibold border-b border-dashed"
 			>
 				<div className="flex flex-1">
 					<Avatar address={delegate.address} className="mr-8" />
@@ -46,7 +46,7 @@ const DelegateAvatarList = ({ delegates, limit }: { delegates: any[]; limit: num
 				<Circle
 					data-testid="DelegateAvatarList__avatar-list__rest"
 					size="large"
-					className="text-lg font-bold bg-theme-background border-theme-neutral-200 text-theme-primary-700"
+					className="bg-theme-background border-theme-neutral-200 text-theme-primary-700 text-lg font-bold"
 				>
 					+{rest}
 				</Circle>
@@ -128,8 +128,8 @@ export const DelegateList = (props: DelegateListProps) => {
 					data-testid="DelegateList__footer"
 				>
 					<div className="flex">
-						<div className="px-8 mr-8 font-semibold border-r border-theme-neutral-300">
-							<div className="text-sm text-theme-neutral-500">{t("COMMON.QUANTITY")}</div>
+						<div className="border-theme-neutral-300 px-8 mr-8 font-semibold border-r">
+							<div className="text-theme-neutral-500 text-sm">{t("COMMON.QUANTITY")}</div>
 							<div className="text-theme-neutral-700">{selected.length}/50</div>
 						</div>
 
@@ -141,7 +141,7 @@ export const DelegateList = (props: DelegateListProps) => {
 											<div className="inline-flex">
 												<Avatar address={selected[0].address} className="mr-4" />
 												<div className="flex flex-col">
-													<div className="text-sm text-theme-neutral-700">
+													<div className="text-theme-neutral-700 text-sm">
 														Address Delegate
 													</div>
 													<div className="text-theme-neutral-500">
@@ -155,7 +155,7 @@ export const DelegateList = (props: DelegateListProps) => {
 											<DelegateAvatarList delegates={selected} limit={2} />
 											<div
 												data-testid="DelegateList__toggle-show-selected"
-												className="ml-4 cursor-pointer text-theme-primary-700 hover:text-theme-primary-500"
+												className="text-theme-primary-700 hover:text-theme-primary-500 ml-4 cursor-pointer"
 												onClick={() => setShowSelectedList(!showSelectedList)}
 											>
 												{showSelectedList ? "Hide" : "Show"} List