From 40dd8a813b48aa5bf9c417215141c48397e9f36b Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Mon, 11 Dec 2023 18:37:08 +0100
Subject: [PATCH] more info for permissions toaster

---
 .../src/app/plugins/permission-handler-plugin.tsx    | 12 +++++++++++-
 .../src/lib/components/permissionsSettings.tsx       |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx b/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
index a77a210277..813567831d 100644
--- a/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
+++ b/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
@@ -92,7 +92,17 @@ export class PermissionHandlerPlugin extends Plugin {
       const {allow, hash} = sensitiveCall ? this.sessionPermissions[to.name][method][from.name] : this.permissions[to.name][method][from.name]
       if (!allow) {
         const warning = this.notAllowWarning(from, to, method)
-        this.call('notification', 'toast', warning)
+        const warnEl =
+        <div className='d-flex flex-column'>
+          <span>{ warning }</span>
+          <div className='d-flex flex-row'>
+            <span onClick={()=>{}}>To change the permission go to </span>
+            <span className='px-2' style={{fontWeight: 'bolder'}}>Plugin Manager</span>
+            <img alt="" id="permissionModalImagesFrom" src="/assets/img/pluginManager.webp" style={{height: '1rem', width: '1rem'}} />
+            <span className='pl-1' style={{fontWeight: 'bolder'}}> / Permissions</span>
+          </div>
+        </div>
+        this.call('notification', 'toast', warnEl)
         return false
       }
       return hash === from.hash
diff --git a/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx b/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
index 017f5dc137..a9b708c92e 100644
--- a/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
+++ b/libs/remix-ui/plugin-manager/src/lib/components/permissionsSettings.tsx
@@ -90,7 +90,7 @@ function PermisssionsSettings() {
                         htmlFor={`permission-checkbox-${targetPlugin}-${funcName}-${targetPlugin}`}
                         data-id={`permission-label-${targetPlugin}-${funcName}-${targetPlugin}`}
                       >
-                        <FormattedMessage id="pluginManager.allow" /> <u>{pluginName}</u> <FormattedMessage id="pluginManager.toCall" /> <u>{funcName}</u>
+                        <FormattedMessage id="pluginManager.allow" /><u>{pluginName}</u> <FormattedMessage id="pluginManager.toCall" /> <u>{funcName}</u>
                       </label>
                     </span>
                   </div>