feat: visual tweaks on connect extension page (#987)

anoma · Aug 9, 2024 · 85ce86f · 85ce86f
1 parent 96ffde3
commit 85ce86f
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 7 deletions.
diff --git a/apps/namadillo/src/App/Common/Container.tsx b/apps/namadillo/src/App/Common/Container.tsx
@@ -47,7 +47,7 @@ export const Container = ({
       </header>
       <div
         className={clsx(
-          "xl:grid xl:grid-cols-[220px_auto] xl:gap-2 min-h-[calc(100svh-95px)]"
+          "grid xl:grid-cols-[220px_auto] xl:gap-2 min-h-[calc(100svh-95px)]"
         )}
       >
         <aside

diff --git a/apps/namadillo/src/App/Common/Intro.tsx b/apps/namadillo/src/App/Common/Intro.tsx
@@ -1,6 +1,7 @@
 import { ActionButton, Image } from "@namada/components";
 import { ConnectExtensionButton } from "App/Common/ConnectExtensionButton";
 import clsx from "clsx";
+import { DISCORD_URL } from "urls";
 
 export const Intro = (): JSX.Element => {
   return (
@@ -17,7 +18,14 @@ export const Intro = (): JSX.Element => {
       </div>
       <div className="flex gap-4 w-full">
         <ConnectExtensionButton />
-        <ActionButton size="sm" outlineColor="yellow" borderRadius="sm">
+        <ActionButton
+          href={DISCORD_URL}
+          target="_blank"
+          rel="noreferrer"
+          size="sm"
+          outlineColor="yellow"
+          borderRadius="sm"
+        >
           Help
         </ActionButton>
       </div>

diff --git a/apps/namadillo/src/App/Common/Navigation.tsx b/apps/namadillo/src/App/Common/Navigation.tsx
@@ -63,7 +63,7 @@ export const Navigation = (): JSX.Element => {
               href={DISCORD_URL}
               className="hover:text-cyan"
               target="_blank"
-              rel="nofollow noreferrer"
+              rel="noreferrer"
             >
               Help
             </a>
@@ -73,6 +73,8 @@ export const Navigation = (): JSX.Element => {
           <li>
             <a
               href={TWITTER_URL}
+              target="_blank"
+              rel="noreferrer"
               className="transition-colors duration-300 hover:text-cyan"
             >
               <BsTwitterX />
@@ -81,6 +83,8 @@ export const Navigation = (): JSX.Element => {
           <li>
             <a
               href={DISCORD_URL}
+              target="_blank"
+              rel="noreferrer"
               className="transition-colors duration-300 hover:text-cyan"
             >
               <BsDiscord />

diff --git a/apps/namadillo/src/App/Common/PageWithSidebar.tsx b/apps/namadillo/src/App/Common/PageWithSidebar.tsx
@@ -7,9 +7,7 @@ type PageWithSidebar = {
 export const PageWithSidebar = ({ children }: PageWithSidebar): JSX.Element => {
   return (
     <div
-      className={clsx(
-        "w-full flex flex-col gap-2 min-h-full lg:grid lg:grid-cols-[auto_240px]"
-      )}
+      className={clsx("w-full min-h-full grid lg:grid-cols-[auto_240px] gap-2")}
     >
       {children}
     </div>

diff --git a/apps/namadillo/src/App/Common/Setup.tsx b/apps/namadillo/src/App/Common/Setup.tsx
@@ -42,7 +42,7 @@ export const Setup = ({ onChange }: SetupProps): JSX.Element => {
               href={DISCORD_URL}
               className="underline"
               target="_blank"
-              rel="nofollow noreferrer"
+              rel="noreferrer"
             >
               here
             </a>

diff --git a/apps/namadillo/src/App/Sidebars/ProposalDiscord.tsx b/apps/namadillo/src/App/Sidebars/ProposalDiscord.tsx
@@ -18,6 +18,7 @@ export const ProposalDiscord: React.FC = () => {
           backgroundHoverColor="cyan"
           href={DISCORD_URL}
           target="_blank"
+          rel="noreferrer"
         >
           Discord
         </ActionButton>