From adbf670264aa4341a20ede188c26b375206f8a19 Mon Sep 17 00:00:00 2001
From: maciek <maciek@vegaprotocol.io>
Date: Tue, 8 Aug 2023 16:36:15 +0200
Subject: [PATCH] feat: new connect wallet modal - some fix after feedback

---
 .../src/connect-dialog/connect-dialog.tsx     |  4 +-
 .../connect-dialog/view-connector-form.tsx    | 86 +++++++++----------
 2 files changed, 43 insertions(+), 47 deletions(-)

diff --git a/libs/wallet/src/connect-dialog/connect-dialog.tsx b/libs/wallet/src/connect-dialog/connect-dialog.tsx
index 9d1179421..189f3c0b4 100644
--- a/libs/wallet/src/connect-dialog/connect-dialog.tsx
+++ b/libs/wallet/src/connect-dialog/connect-dialog.tsx
@@ -412,9 +412,7 @@ const CustomUrlInput = ({
   return urlInputExpanded ? (
     <>
       <div className="flex justify-between mb-1.5">
-        <p className="text-sm text-vega-clight-100 dark:text-vega-cdark-100">
-          {t('Custom wallet location')}
-        </p>
+        <p className="text-sm text-secondary">{t('Custom wallet location')}</p>
         <button
           className="text-sm underline"
           onClick={() => setUrlInputExpanded(false)}
diff --git a/libs/wallet/src/connect-dialog/view-connector-form.tsx b/libs/wallet/src/connect-dialog/view-connector-form.tsx
index e711b7bb1..0ddd215c5 100644
--- a/libs/wallet/src/connect-dialog/view-connector-form.tsx
+++ b/libs/wallet/src/connect-dialog/view-connector-form.tsx
@@ -51,50 +51,48 @@ export function ViewConnectorForm({
   }
 
   return (
-    <>
-      <form onSubmit={handleSubmit(onSubmit)} data-testid="view-connector-form">
-        <h1 className="text-2xl uppercase mb-6 font-alpha calt">
-          {t('VIEW AS VEGA USER')}
-        </h1>
-        <p className="mb-4">
-          {t(
-            'Browse from the perspective of another Vega user in read-only mode.'
-          )}
-        </p>
-        <FormGroup label={t('Vega Pubkey')} labelFor="address">
-          <Input
-            {...register('address', {
-              required: t('Required'),
-              validate: validatePubkey,
-            })}
-            id="address"
-            data-testid="address"
-            type="text"
-          />
-          {errors.address?.message && (
-            <InputError intent="danger">{errors.address.message}</InputError>
-          )}
-        </FormGroup>
-        <TradingButton
-          data-testid="connect"
-          intent={Intent.Info}
-          type="submit"
-          className="w-full"
-        >
-          {t('Browse network')}
-        </TradingButton>
-        {reset && (
-          <div className="flex justify-end">
-            <button
-              onClick={reset}
-              className="p-2 text-sm underline"
-              data-testid="back-button"
-            >
-              <VegaIcon name={VegaIconNames.ARROW_LEFT} /> {t('Go back')}
-            </button>
-          </div>
+    <form onSubmit={handleSubmit(onSubmit)} data-testid="view-connector-form">
+      <h1 className="text-2xl uppercase mb-6 font-alpha calt">
+        {t('VIEW AS VEGA USER')}
+      </h1>
+      <p className="mb-4">
+        {t(
+          'Browse from the perspective of another Vega user in read-only mode.'
         )}
-      </form>
-    </>
+      </p>
+      <FormGroup label={t('Vega Pubkey')} labelFor="address">
+        <Input
+          {...register('address', {
+            required: t('Required'),
+            validate: validatePubkey,
+          })}
+          id="address"
+          data-testid="address"
+          type="text"
+        />
+        {errors.address?.message && (
+          <InputError intent="danger">{errors.address.message}</InputError>
+        )}
+      </FormGroup>
+      <TradingButton
+        data-testid="connect"
+        intent={Intent.Info}
+        type="submit"
+        className="w-full"
+      >
+        {t('Browse network')}
+      </TradingButton>
+      {reset && (
+        <div className="flex justify-end">
+          <button
+            onClick={reset}
+            className="p-2 text-sm underline"
+            data-testid="back-button"
+          >
+            <VegaIcon name={VegaIconNames.ARROW_LEFT} /> {t('Go back')}
+          </button>
+        </div>
+      )}
+    </form>
   );
 }