ui(dev): cleanup dev setup page and color link in Footer

joinmarket-webui · Oct 24, 2023 · c83461f · c83461f
1 parent 8fa2d73
commit c83461f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 23 deletions.
diff --git a/src/components/DevSetupPage.tsx b/src/components/DevSetupPage.tsx
@@ -1,32 +1,31 @@
+import { Link } from 'react-router-dom'
 import Sprite from './Sprite'
 import PageTitle from './PageTitle'
-import { Link } from 'react-router-dom'
 import { routes } from '../constants/routes'
 
-const LINK_JM_REGTEST_JOINMARKET2 = 'http://localhost:29080'
-const LINK_JM_REGTEST_JOINMARKET2_AUTH = {
+const DEFAULT_BASIC_AUTH = {
   user: 'joinmarket',
   password: 'joinmarket',
 }
+
+const LINK_JM_REGTEST_JOINMARKET2 = 'http://localhost:29080'
+const LINK_JM_REGTEST_JOINMARKET2_AUTH = DEFAULT_BASIC_AUTH
 const LINK_JM_REGTEST_JOINMARKET3 = 'http://localhost:30080'
 const LINK_JM_REGTEST_EXPLORER = 'http://localhost:3002'
-const LINK_JM_REGTEST_EXPLORER_AUTH = {
-  user: 'joinmarket',
-  password: 'joinmarket',
-}
-const LINK_JM_REGTEST_RPC_TERMINAL = 'http://localhost:3002/rpc-terminal'
+const LINK_JM_REGTEST_EXPLORER_AUTH = DEFAULT_BASIC_AUTH
+const LINK_JM_REGTEST_RPC_TERMINAL = `${LINK_JM_REGTEST_EXPLORER}/rpc-terminal`
 
 export default function DevSetupPage() {
   return (
-    <div className="">
+    <div>
       <PageTitle title="Development setup" subtitle="" />
       <div className="d-flex flex-column gap-3">
         <div className="mb-4">
           <h5>Test Wallet</h5>
           <div className="ms-3 my-2">
-            Name: <code>Satoshi</code>
+            Name: <span className="font-monospace">Satoshi</span>
             <br />
-            Password: <code>test</code>
+            Password: <span className="font-monospace">test</span>
           </div>
         </div>
       </div>
@@ -57,9 +56,9 @@ export default function DevSetupPage() {
             Basic Authentication
             <br />
             <small>
-              User: <code>{LINK_JM_REGTEST_JOINMARKET2_AUTH.user}</code>
+              User: <span className="font-monospace">{LINK_JM_REGTEST_JOINMARKET2_AUTH.user}</span>
               <br />
-              Password: <code>{LINK_JM_REGTEST_JOINMARKET2_AUTH.password}</code>
+              Password: <span className="font-monospace">{LINK_JM_REGTEST_JOINMARKET2_AUTH.password}</span>
             </small>
           </div>
           <div className="d-flex align-items-center">
@@ -87,9 +86,9 @@ export default function DevSetupPage() {
             Basic Authentication
             <br />
             <small>
-              User: <code>{LINK_JM_REGTEST_EXPLORER_AUTH.user}</code>
+              User: <span className="font-monospace">{LINK_JM_REGTEST_EXPLORER_AUTH.user}</span>
               <br />
-              Password: <code>{LINK_JM_REGTEST_EXPLORER_AUTH.password}</code>
+              Password: <span className="font-monospace">{LINK_JM_REGTEST_EXPLORER_AUTH.password}</span>
             </small>
           </div>
         </div>

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -105,14 +105,11 @@ export default function Footer() {
           </div>
           <div className="d-flex flex-1 order-2 justify-content-end align-items-center gap-1">
             {isDebugFeatureEnabled('devSetupPage') && (
-              <>
-                <div className="d-none d-md-block text-small text-start text-secondary mx-1">
-                  <Link className="text-secondary" to={routes.__devSetup}>
-                    Dev Setup
-                  </Link>
-                </div>
-                <div className="d-none d-md-block text-secondary">|</div>
-              </>
+              <div className="d-none d-md-block text-small text-start mx-1">
+                <Link className="text-warning" to={routes.__devSetup}>
+                  Dev Setup
+                </Link>
+              </div>
             )}
             <div className="text-small text-start text-secondary mx-1">
               <a