Added underline on hover to links

Simplified hook state, since endpoint now works with hookhashes
Remove debug code
2022-06-30 15:30:43 +03:00 · 2022-06-30 08:54:43 +03:00 · 2022-06-29 18:03:26 +03:00 · 2022-06-29 15:26:33 +03:00 · 2022-06-29 14:08:47 +03:00
1 changed files with 26 additions and 3 deletions
--- a/components/Accounts.tsx
+++ b/components/Accounts.tsx
@@ -116,9 +116,16 @@ export const AccountDialog = ({
                <Text
                  css={{
                    fontFamily: "$monospace",
+                    a: { "&:hover": { textDecoration: "underline" } },
                  }}
                >
-                  {activeAccount?.address}
+                  <a
+                    href={`https://${process.env.NEXT_PUBLIC_EXPLORER_URL}/${activeAccount?.address}`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    {activeAccount?.address}
+                  </a>
                </Text>
              </Flex>
              <Flex css={{ marginLeft: "auto", color: "$mauve12" }}>
@@ -215,7 +222,11 @@ export const AccountDialog = ({
                  </Button>
                </Text>
              </Flex>
-              <Flex css={{ marginLeft: "auto" }}>
+              <Flex
+                css={{
+                  marginLeft: "auto",
+                }}
+              >
                <a
                  href={`https://${process.env.NEXT_PUBLIC_EXPLORER_URL}/${activeAccount?.address}`}
                  target="_blank"
@@ -237,10 +248,22 @@ export const AccountDialog = ({
                <Text
                  css={{
                    fontFamily: "$monospace",
+                    a: { "&:hover": { textDecoration: "underline" } },
                  }}
                >
                  {activeAccount && activeAccount.hooks.length > 0
-                    ? activeAccount.hooks.map((i) => truncate(i, 12)).join(",")
+                    ? activeAccount.hooks.map((i) => {
+                        return (
+                          <a
+                            key={i}
+                            href={`https://${process.env.NEXT_PUBLIC_EXPLORER_URL}/${i}`}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                          >
+                            {truncate(i, 12)}
+                          </a>
+                        );
+                      })
                    : "–"}
                </Text>
              </Flex>
Author	SHA1	Message	Date
Valtteri Karesto	407e3946ce	Added underline on hover to links	2022-06-30 15:30:43 +03:00
Valtteri Karesto	dc5b0d71eb	Simplified hook state, since endpoint now works with hookhashes	2022-06-30 08:54:43 +03:00
Valtteri Karesto	3fd6c3f50e	Remove debug code	2022-06-29 18:03:26 +03:00
Valtteri Karesto	ec8bfc5eee	Add links to account modal	2022-06-29 15:26:33 +03:00
Valtteri Karesto	b4a0bcb90d	Merge pull request #227 from XRPLF/feat/remember-deploy-values Remember deploy values / Add feedback button	2022-06-29 14:08:47 +03:00