From ba4d1374bc13e477487e9367823f7636c6bf6b89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phane=20Tetsing?= <stephane.fosso@yahoo.fr>
Date: Wed, 5 Jun 2024 12:04:00 +0200
Subject: [PATCH] minor

---
 apps/remix-ide/src/app.js                       |  2 +-
 .../remix-ide/src/app/plugins/remixAIPlugin.tsx | 17 +++++++++++++----
 .../remix-ai/src/lib/components/Default.tsx     | 16 ++++++++++++++--
 .../remix-ai/src/lib/components/RemixAI.tsx     |  2 +-
 libs/remix-ui/remix-ai/src/lib/remix-ai.css     |  6 +++---
 5 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/apps/remix-ide/src/app.js b/apps/remix-ide/src/app.js
index 4c1d2e1d51..3a112d494b 100644
--- a/apps/remix-ide/src/app.js
+++ b/apps/remix-ide/src/app.js
@@ -375,7 +375,7 @@ class AppComponent {
     const compilerloader = isElectron()? new compilerLoaderPluginDesktop(): new compilerLoaderPlugin()
     this.engine.register([compilerloader])
 
-    const remixAI = new RemixAIPlugin()
+    const remixAI = new RemixAIPlugin(isElectron())
     this.engine.register([remixAI])
 
     // LAYOUT & SYSTEM VIEWS
diff --git a/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx b/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx
index 26efd5f935..adc8f5e2b3 100644
--- a/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx
+++ b/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx
@@ -20,16 +20,25 @@ const profile = {
 
 
 export class RemixAIPlugin extends ViewPlugin {
-  constructor() {
+  isOnDesktop:boolean = false
+  aiIsActivated:boolean = false
+  constructor(inDesktop:boolean) {
     console.log('remixAIPlugin')
     super(profile)
+    this.isOnDesktop = inDesktop
+  }
+
+  onActivation(): void {
+    
+    if (this.isOnDesktop) {
+      console.log('Activating RemixAIPlugin on desktop')
+      // Do some desktop specific stuff
+    }
   }
 
   render() {
     return (
-      <div id="remixAITab">
-        <RemixAITab plugin={this}></RemixAITab>
-      </div>
+      <RemixAITab plugin={this}></RemixAITab>
     )
   }
 }
diff --git a/libs/remix-ui/remix-ai/src/lib/components/Default.tsx b/libs/remix-ui/remix-ai/src/lib/components/Default.tsx
index 23f7dad6da..d4a7fda321 100644
--- a/libs/remix-ui/remix-ai/src/lib/components/Default.tsx
+++ b/libs/remix-ui/remix-ai/src/lib/components/Default.tsx
@@ -7,14 +7,26 @@ export const Default = () => {
 
   return (
     <div>
-      <div className="remix_ai_plugin_find_container">
+      <div className="remix_ai_plugin_search_container">
         <input
           type="text"
           className="remix_ai_plugin_search-input"
           placeholder="Search..."
           value={searchText}
           onChange={() => console.log('searchText not implememted')}
-        />
+        ></input>
+        <button
+          className="remix_ai_plugin_search_button text-ai pl-2 pr-0 py-0 d-flex"
+          onClick={() => console.log('searchText not implememted')}
+        >
+          <i
+            className="fa-solid fa-arrow-right"
+            style={{ color: 'black' }}
+          ></i>
+          <span className="position-relative text-ai text-sm pl-1"
+            style={{fontSize: "x-small", alignSelf: "end"}}>Search</span>
+        </button>
+
       </div>
       <div className="remix_ai_plugin_find_container_internal">
         <textarea
diff --git a/libs/remix-ui/remix-ai/src/lib/components/RemixAI.tsx b/libs/remix-ui/remix-ai/src/lib/components/RemixAI.tsx
index 33f345914a..57f320af14 100644
--- a/libs/remix-ui/remix-ai/src/lib/components/RemixAI.tsx
+++ b/libs/remix-ui/remix-ai/src/lib/components/RemixAI.tsx
@@ -6,7 +6,7 @@ export const RemixAITab = (props) => {
   const plugin = props.plugin
   return (
     <>
-      <div id="remixAITab">
+      <div id="remixAITab pr-4 px-2 pb-4">
         <Default></Default>
       </div>
     </>
diff --git a/libs/remix-ui/remix-ai/src/lib/remix-ai.css b/libs/remix-ui/remix-ai/src/lib/remix-ai.css
index 0458b09591..d384da14b8 100644
--- a/libs/remix-ui/remix-ai/src/lib/remix-ai.css
+++ b/libs/remix-ui/remix-ai/src/lib/remix-ai.css
@@ -122,14 +122,14 @@
     font-size: x-small;
 }
 
-.remix_ai_plugin_find_container {
+.remix_ai_plugin_search_container {
     display: flex;
     flex-direction: row;
     justify-content: center;
     margin-top: 20px;
 }
 
-.remix_ai_plugin_find_container_internal {
+.remix_ai_plugin_search_container_internal {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
@@ -137,7 +137,7 @@
     align-items: center;
 }
 
-.remix_ai_plugin_find_container_arrow {
+.remix_ai_plugin_search_container_arrow {
     display: flex !important;
     align-items: center;
     cursor: pointer !important;