From 9dc699a8a94d4ae9e29c9a07e253bbe3dce79c53 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Mon, 14 Mar 2022 14:56:41 +0100
Subject: [PATCH 1/2] Styling issues and remove console logs

---
 .../components/interfaces/Account/AccessTokenList.tsx  |  1 -
 .../components/layouts/AccountLayout/WithSidebar.tsx   | 10 ++++++++--
 studio/lib/common/fetch/post.ts                        |  1 -
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/studio/components/interfaces/Account/AccessTokenList.tsx b/studio/components/interfaces/Account/AccessTokenList.tsx
index 17c5ef1fc8e..b7e05d51bdf 100644
--- a/studio/components/interfaces/Account/AccessTokenList.tsx
+++ b/studio/components/interfaces/Account/AccessTokenList.tsx
@@ -51,7 +51,6 @@ const AccessTokenList = observer(() => {
             ) : (
               <>
                 {tokens?.map((x: AccessToken) => {
-                  console.log('x: ', x)
                   return (
                     <Table.tr key={x.token_alias}>
                       <Table.td>{x.token_alias}</Table.td>
diff --git a/studio/components/layouts/AccountLayout/WithSidebar.tsx b/studio/components/layouts/AccountLayout/WithSidebar.tsx
index 9bfb3864670..2a911d77eb8 100644
--- a/studio/components/layouts/AccountLayout/WithSidebar.tsx
+++ b/studio/components/layouts/AccountLayout/WithSidebar.tsx
@@ -168,8 +168,14 @@ const SidebarItem: FC<any> = ({ id, label, href, isActive, isSubitem, onClick, e
           className="cursor-pointer flex space-x-2 items-center outline-none focus-visible:ring-1 ring-scale-1200 focus-visible:z-10 group py-1 font-normal border-scale-500 group-hover:border-scale-900"
           onClick={onClick || (() => {})}
         >
-          <span className="transition truncate text-sm text-scale-900 group-hover:text-scale-1100">{external && <IconArrowUpRight size={'tiny'} />}</span>
-          <span className="transition truncate text-sm w-full text-scale-1100 group-hover:text-scale-1200">{isSubitem ? <p>{label}</p> : label}</span>
+          {external && (
+            <span className="transition truncate text-sm text-scale-900 group-hover:text-scale-1100">
+              <IconArrowUpRight size={'tiny'} />
+            </span>
+          )}
+          <span className="transition truncate text-sm w-full text-scale-1100 group-hover:text-scale-1200">
+            {isSubitem ? <p>{label}</p> : label}
+          </span>
         </button>
       </a>
     </Link>
diff --git a/studio/lib/common/fetch/post.ts b/studio/lib/common/fetch/post.ts
index 5aaea71b3bd..69c12dd0204 100644
--- a/studio/lib/common/fetch/post.ts
+++ b/studio/lib/common/fetch/post.ts
@@ -19,7 +19,6 @@ export async function post<T = any>(
       headers,
       ...otherOptions,
     })
-    console.log('response.ok: ', response.ok, response)
     if (!response.ok) return handleResponseError(response, requestId)
     return handleResponse(response, requestId)
   } catch (error) {

From 97472a87386e3167cd7fbb4091dede5f832ca79c Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Mon, 14 Mar 2022 14:56:55 +0100
Subject: [PATCH 2/2] Hide access to tokens page in AccountLayout

---
 .../layouts/AccountLayout/AccountLayout.tsx        | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/studio/components/layouts/AccountLayout/AccountLayout.tsx b/studio/components/layouts/AccountLayout/AccountLayout.tsx
index b9bd6ffbe67..43f933c9056 100644
--- a/studio/components/layouts/AccountLayout/AccountLayout.tsx
+++ b/studio/components/layouts/AccountLayout/AccountLayout.tsx
@@ -74,13 +74,13 @@ const AccountLayout = ({ children, title, breadcrumbs }: any) => {
                 href: `/account/me`,
                 key: `/account/me`,
               },
-              {
-                isActive: router.pathname == `/account/tokens`,
-                icon: '/img/user.svg',
-                label: 'Tokens',
-                href: `/account/tokens`,
-                key: `/account/tokens`,
-              },
+              // {
+              //   isActive: router.pathname == `/account/tokens`,
+              //   icon: '/img/user.svg',
+              //   label: 'Tokens',
+              //   href: `/account/tokens`,
+              //   key: `/account/tokens`,
+              // },
               logoutLink,
             ],
           },