|
|
|
@ -11,10 +11,12 @@ import LocalUrlInput from './components/LocalUrl' |
|
|
|
|
import ToggleButtonGroup from 'react-bootstrap/ToggleButtonGroup' |
|
|
|
|
import ToggleButton from 'react-bootstrap/ToggleButton' |
|
|
|
|
import Button from 'react-bootstrap/Button' |
|
|
|
|
import Accordion from 'react-bootstrap/Accordion' |
|
|
|
|
import Card from 'react-bootstrap/Card' |
|
|
|
|
|
|
|
|
|
import './app.css' |
|
|
|
|
import {CustomTooltip} from '@remix-ui/helper' |
|
|
|
|
import {Form} from 'react-bootstrap' |
|
|
|
|
import { Form} from 'react-bootstrap' |
|
|
|
|
import {CompileErrorCard} from './components/CompileErrorCard' |
|
|
|
|
|
|
|
|
|
interface AppState { |
|
|
|
@ -108,14 +110,27 @@ const App = () => { |
|
|
|
|
</Button> |
|
|
|
|
</CustomTooltip> |
|
|
|
|
</div> |
|
|
|
|
<Form> |
|
|
|
|
<div className="d-flex flex-row gap-5 mb-3 mt-2"> |
|
|
|
|
<Form.Check inline id="remote-compiler" data-id="remote-compiler" type="radio" name="remote" value={state.environment} checked={state.environment === 'remote'} onChange={() => setEnvironment('remote')} label="Remote Compiler" className={`${state.environment === 'remote' ? 'd-flex mr-4' : 'd-flex mr-4 cursor-status'}`} |
|
|
|
|
/> |
|
|
|
|
<Form.Check inline id="local-compiler" data-id="local-compiler" checked={state.environment === 'local'} type="radio" name="local" value={state.environment} onChange={() => setEnvironment('local')} label="Local Compiler" |
|
|
|
|
className={`${state.environment === 'local' ? '' : `cursor-status`}`}/> |
|
|
|
|
</div> |
|
|
|
|
</Form> |
|
|
|
|
<Accordion> |
|
|
|
|
<Card> |
|
|
|
|
<Card.Header> |
|
|
|
|
<Accordion.Toggle as={Button} variant="link" eventKey="0"> |
|
|
|
|
<span className="text-primary">Advanced Compiler Settings</span> |
|
|
|
|
</Accordion.Toggle> |
|
|
|
|
<Accordion.Collapse eventKey="0"> |
|
|
|
|
<Card.Body> |
|
|
|
|
<Form> |
|
|
|
|
<div className="d-flex flex-row gap-5 mb-3 mt-2"> |
|
|
|
|
<Form.Check inline id="remote-compiler" data-id="remote-compiler" type="radio" name="remote" value={state.environment} checked={state.environment === 'remote'} onChange={() => setEnvironment('remote')} label="Remote Compiler" className={`${state.environment === 'remote' ? 'd-flex mr-4' : 'd-flex mr-4 cursor-status'}`} |
|
|
|
|
/> |
|
|
|
|
<Form.Check inline id="local-compiler" data-id="local-compiler" checked={state.environment === 'local'} type="radio" name="local" value={state.environment} onChange={() => setEnvironment('local')} label="Local Compiler" |
|
|
|
|
className={`${state.environment === 'local' ? '' : `cursor-status`}`}/> |
|
|
|
|
</div> |
|
|
|
|
</Form> |
|
|
|
|
</Card.Body> |
|
|
|
|
</Accordion.Collapse> |
|
|
|
|
</Card.Header> |
|
|
|
|
</Card> |
|
|
|
|
</Accordion> |
|
|
|
|
<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"> |
|
|
|
|