From f2edd976a9464b701791763f50cc9405db2ed54d Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Tue, 13 Feb 2024 19:03:08 +0100
Subject: [PATCH] more changes to ui

---
 apps/vyper/src/app/app.tsx  | 23 ++---------------------
 apps/vyper/src/profile.json |  2 +-
 2 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx
index 48627a7e06..f0216cb2a6 100644
--- a/apps/vyper/src/app/app.tsx
+++ b/apps/vyper/src/app/app.tsx
@@ -117,16 +117,6 @@ const App = () => {
             </Button>
           </CustomTooltip>
         </div>
-        {/* <ToggleButtonGroup name="remote" className="mb-3" onChange={setEnvironment} type="radio" value={state.environment}> */}
-        {/* <ToggleButton
-            data-id="remote-compiler"
-            variant="secondary"
-            name="remote"
-            value="remote"
-            style={{ cursor: state.environment === 'remote' ? 'default' : 'pointer' }}
-          >
-            Remote Compiler
-          </ToggleButton> */}
         <Form>
           <div className="d-flex flex-row gap-5 mb-3 mt-2">
             <Form.Check
@@ -135,6 +125,7 @@ const App = () => {
               type="radio"
               value={state.environment}
               checked={state.environment === 'remote'}
+              onChange={() => setEnvironment('remote')}
               label="Remote Compiler"
               style={{ cursor: state.environment === 'remote' ? 'default' : 'pointer' }}
               className="d-flex mr-4"
@@ -147,22 +138,12 @@ const App = () => {
               type="radio"
               name="local"
               value={state.environment}
+              onChange={() => setEnvironment('local')}
               label="Local Compiler"
               style={{ cursor: state.environment === 'local' ? 'default' : 'pointer' }}
             />
           </div>
         </Form>
-        {/* <ToggleButton
-          id="local-compiler"
-          data-id="local-compiler"
-          variant="secondary"
-          name="local"
-          value="local"
-          style={{ cursor: state.environment === 'local' ? 'default' : 'pointer' }}
-        >
-            Local Compiler
-        </ToggleButton> */}
-        {/* </ToggleButtonGroup> */}
         <span className="px-3 mt-1 mb-1 small text-warning">Specify the compiler version & EVM version in the .vy file</span>
         <LocalUrlInput url={state.localUrl} setUrl={setLocalUrl} environment={state.environment} />
         <div className="px-3 w-100 mb-3 mt-1" id="compile-btn">
diff --git a/apps/vyper/src/profile.json b/apps/vyper/src/profile.json
index c641db5ad8..8ed04d3cb3 100644
--- a/apps/vyper/src/profile.json
+++ b/apps/vyper/src/profile.json
@@ -1,6 +1,6 @@
 {
   "name": "vyper",
-  "displayName": "Vyper Plugin",
+  "displayName": "Vyper",
   "methods": ["getCompilationResult", "compile", "vyperCompileCustomAction"],
   "url": "https://ipfs-cluster.ethdevops.io/ipfs/QmbmPzUg7ghTKcF2eo64zm1k1LKdibYfqYmiqXkHKXks8r",
   "documentation": "https://remix-ide.readthedocs.io/en/latest/plugin_list.html",