From aedddbcbdca8c9ec6582484991a13e0ff174252e Mon Sep 17 00:00:00 2001
From: Celine Sarafa <celinesarafa@gmail.com>
Date: Mon, 5 Sep 2022 10:50:21 +0300
Subject: [PATCH] Remove session from nav for auth (#51)

* Removed session from nav

* Add note that you can copy the qrcode

* Moving WC icon to the right
---
 dapps/react-dapp-auth/pages/index.tsx         | 32 ++++++++++++-------
 .../src/components/Navigation.tsx             | 22 +++++--------
 2 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/dapps/react-dapp-auth/pages/index.tsx b/dapps/react-dapp-auth/pages/index.tsx
index e9da152..b853ffc 100644
--- a/dapps/react-dapp-auth/pages/index.tsx
+++ b/dapps/react-dapp-auth/pages/index.tsx
@@ -13,7 +13,7 @@ import AuthClient from "@walletconnect/auth-client";
 import type { NextPage } from "next";
 import Link from "next/link";
 import Qrcode from "qrcode";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { Fragment, useCallback, useEffect, useRef, useState } from "react";
 
 const Home: NextPage = () => {
   const [client, setClient] = useState<AuthClient | null>();
@@ -91,18 +91,26 @@ const Home: NextPage = () => {
                 Sign in with WalletConnect
               </Button>
               {uri && (
-                <canvas
-                  onClick={() => {
-                    navigator.clipboard.writeText(uri).then(() => {
-                      toast({
-                        title: "URI copied to clipboard",
-                        status: "success",
-                        duration: 1000,
+                <Fragment>
+                  <canvas
+                    onClick={() => {
+                      navigator.clipboard.writeText(uri).then(() => {
+                        toast({
+                          title: "URI copied to clipboard",
+                          status: "success",
+                          duration: 1000,
+                        });
                       });
-                    });
-                  }}
-                  ref={canvasRef}
-                />
+                    }}
+                    ref={canvasRef}
+                  />
+                  <Text
+                    color="gray.400"
+                    style={{ fontStyle: "italic", fontSize: "0.75em" }}
+                  >
+                    (You can copy the URI by clicking the QR code above)
+                  </Text>
+                </Fragment>
               )}
             </Flex>
           </form>
diff --git a/wallets/react-wallet-auth/src/components/Navigation.tsx b/wallets/react-wallet-auth/src/components/Navigation.tsx
index db90517..2a95249 100644
--- a/wallets/react-wallet-auth/src/components/Navigation.tsx
+++ b/wallets/react-wallet-auth/src/components/Navigation.tsx
@@ -11,9 +11,15 @@ export default function Navigation() {
         </a>
       </Link>
 
-      <Link href="/sessions" passHref>
+      <Link href="/pairings" passHref>
         <a className="navLink">
-          <Image alt="sessions icon" src="/icons/sessions-icon.svg" width={27} height={27} />
+          <Image alt="pairings icon" src="/icons/pairings-icon.svg" width={25} height={25} />
+        </a>
+      </Link>
+
+      <Link href="/settings" passHref>
+        <a className="navLink">
+          <Image alt="settings icon" src="/icons/settings-icon.svg" width={27} height={27} />
         </a>
       </Link>
 
@@ -34,18 +40,6 @@ export default function Navigation() {
           />
         </a>
       </Link>
-
-      <Link href="/pairings" passHref>
-        <a className="navLink">
-          <Image alt="pairings icon" src="/icons/pairings-icon.svg" width={25} height={25} />
-        </a>
-      </Link>
-
-      <Link href="/settings" passHref>
-        <a className="navLink">
-          <Image alt="settings icon" src="/icons/settings-icon.svg" width={27} height={27} />
-        </a>
-      </Link>
     </Row>
   )
 }