qa changes

l2beat · Aug 22, 2023 · 2bb7738 · 2bb7738
1 parent c121450
commit 2bb7738
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 25 deletions.
diff --git a/packages/frontend/src/view/components/OrderedList.tsx b/packages/frontend/src/view/components/OrderedList.tsx
@@ -12,7 +12,7 @@ export function OrderedList({ items, className }: FancyListProps) {
       {items.map((item, index) => {
         return (
           <li key={index} className="group relative pb-6 pl-4 last:pb-0">
-            <div className="absolute -left-[13px] mt-2 h-full w-0.5 bg-zinc-500 group-last:hidden " />
+            <div className="absolute -left-[13px] mt-2 h-full w-0.5 bg-zinc-500 group-last:hidden" />
             <Index index={index} />
             <span>{item}</span>
           </li>
@@ -27,12 +27,7 @@ interface IndexProps {
 }
 function Index({ index }: IndexProps) {
   return (
-    <span
-      className={cx(
-        'absolute -left-6 h-6 w-6 shrink-0 rounded-lg text-center',
-        index === 0 ? 'bg-brand' : 'bg-zinc-500'
-      )}
-    >
+    <span className="absolute -left-6 h-6 w-6 shrink-0 rounded-lg bg-brand text-center">
       {index + 1}
     </span>
   )

diff --git a/packages/frontend/src/view/pages/user/UserRecoverPage.tsx b/packages/frontend/src/view/pages/user/UserRecoverPage.tsx
@@ -66,20 +66,21 @@ function UserRecoverPage(props: UserRegisterPageProps) {
               <WarningIcon />
               <p className="ml-2 font-semibold text-amber-500">Unknown</p>
             </div>
-            <Button
-              id={RECOVER_STARK_KEY_BUTTON_ID}
-              data-instance-name={props.context.instanceName}
-              data-chain-id={props.context.chainId}
-            >
-              Recover
-            </Button>
           </div>
           <p className="mt-6 text-sm font-semibold text-zinc-500">
             Ethereum address
           </p>
           <InlineEllipsis className="mt-1 w-full max-w-[250px] font-semibold text-white sm:max-w-[100%] lg:max-w-[95%] ">
             {props.context.user.address.toString()}
           </InlineEllipsis>
+          <Button
+            className="mt-3 w-full"
+            id={RECOVER_STARK_KEY_BUTTON_ID}
+            data-instance-name={props.context.instanceName}
+            data-chain-id={props.context.chainId}
+          >
+            Recover
+          </Button>
         </Card>
       </ContentWrapper>
     </Page>

diff --git a/packages/frontend/src/view/pages/user/UserRegisterPage.tsx b/packages/frontend/src/view/pages/user/UserRegisterPage.tsx
@@ -46,24 +46,25 @@ function UserRegisterPage(props: UserRegisterPageProps) {
           </div>
         </div>
         <Card className="row-start-2 h-min lg:col-start-2 lg:row-start-1">
-          <p className="text-sm font-semibold text-zinc-500">
+          <p className="mt-3 text-sm font-semibold text-zinc-500">Stark key</p>
+          <InlineEllipsis className="mt-1 w-full max-w-[250px] font-semibold text-white sm:max-w-[80%] md:max-w-[100%] lg:max-w-[50%] ">
+            {props.context.user.starkKey.toString()}
+          </InlineEllipsis>
+          <p className="mt-6 text-sm font-semibold text-zinc-500">
             Ethereum address
           </p>
           <div className="mt-3 flex items-center justify-between">
             <InlineEllipsis className="max-w-[120px] font-semibold sm:max-w-full lg:max-w-[250px]">
               {props.context.user.address.toString()}
             </InlineEllipsis>
-            <Button
-              id={REGISTER_STARK_KEY_BUTTON_ID}
-              data-exchange-address={props.exchangeAddress.toString()}
-            >
-              Register
-            </Button>
           </div>
-          <p className="mt-6 text-sm font-semibold text-zinc-500">Stark key</p>
-          <InlineEllipsis className="mt-1 w-full max-w-[250px] font-semibold text-white sm:max-w-[80%] md:max-w-[100%] lg:max-w-[50%] ">
-            {props.context.user.starkKey.toString()}
-          </InlineEllipsis>
+          <Button
+            className="mt-3 w-full"
+            id={REGISTER_STARK_KEY_BUTTON_ID}
+            data-exchange-address={props.exchangeAddress.toString()}
+          >
+            Register your Ethereum address
+          </Button>
         </Card>
       </ContentWrapper>
     </Page>