Update EditorControls.tsx

walnuthq · Mar 21, 2024 · b3e965b · b3e965b
1 parent 2b413d5
commit b3e965b
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/components/Editor/EditorControls.tsx b/components/Editor/EditorControls.tsx
@@ -111,7 +111,18 @@ const EditorControls = ({
           </span>
         </Button>
       </div>
-
+      <div className="w-full md:w-60 lg:mr-20">
+        <Select
+          isSearchable={false}
+          classNamePrefix="select"
+          menuPlacement="auto"
+          value={exampleNameValue}
+          options={examplesOptions}
+          instanceId={useId()}
+          onChange={handleChangeExampleOption}
+          isDisabled={isCompileDisabled}
+        />
+      </div>
       <Input
         ref={inputRef}
         rightIcon={
@@ -127,27 +138,15 @@ const EditorControls = ({
         }}
         readOnly={isCompileDisabled}
         value={programArguments}
-        placeholder={`Enter program arguments...`}
-        className={cn('grow border bg-gray-200 dark:bg-gray-800', {
+        placeholder={`Program arguments`}
+        className={cn('grow border bg-gray-200 dark:bg-gray-800 ', {
           'dark:border-gray-800 border-gray-200': areProgramArgumentsValid,
           'border-red-500': !areProgramArgumentsValid,
         })}
         inputClassName={cn({
           'text-red-500': !areProgramArgumentsValid,
         })}
       />
-      <div className="w-full lg:w-28 ">
-        <Select
-          isSearchable={false}
-          classNamePrefix="select"
-          menuPlacement="auto"
-          value={exampleNameValue}
-          options={examplesOptions}
-          instanceId={useId()}
-          onChange={handleChangeExampleOption}
-          isDisabled={isCompileDisabled}
-        />
-      </div>
 
       <div>
         <Button
@@ -156,7 +155,7 @@ const EditorControls = ({
           size="sm"
           contentClassName="justify-center"
         >
-          Compile and run
+          Run
         </Button>
       </div>
     </div>