Merge pull request #4231 from ethereum/patchc

fixed react errors and icons for licenses

apps/circuit-compiler/src/app/components/container.tsx

@@ -53,11 +53,16 @@ export function Container () {
       <article>
         <div className="pt-0 circuit_section">
           <div className="mb-1">
-            <label className="circuit_label form-check-label" htmlFor="versionSelector">
+            <label className="circuit_label form-check-label">
               <FormattedMessage id="circuit.compiler" />
             </label>
-            <CustomTooltip placement="top" tooltipId="showCompilerTooltip" tooltipClasses="text-nowrap" tooltipText={'See compiler license'}>
-              <span className="fa fa-file-text-o border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
+            <CustomTooltip
+              placement="top"
+              tooltipId="showCircumCompilerTooltip"
+              tooltipClasses="text-nowrap"
+              tooltipText='See compiler license'
+            >
+              <span className="far fa-file-certificate border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
             </CustomTooltip>
             <VersionList setVersion={handleVersionSelect} versionList={circuitApp.appState.versionList} currentVersion={circuitApp.appState.version} />
             <CompileOptions setCircuitAutoCompile={handleCircuitAutoCompile} setCircuitHideWarnings={handleCircuitHideWarnings} autoCompile={circuitApp.appState.autoCompile} hideWarnings={circuitApp.appState.hideWarnings} />

libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx

@@ -774,7 +774,7 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
               <span className="far fa-plus border-0 p-0 ml-3" onClick={() => promptCompiler()}></span>
             </CustomTooltip>
             <CustomTooltip placement="top" tooltipId="showCompilerTooltip" tooltipClasses="text-nowrap" tooltipText={<FormattedMessage id="solidity.seeCompilerLicense" />}>
-              <span className="fa fa-file-text-o border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
+              <span className="far fa-file-certificate border-0 p-0 ml-2" onClick={() => showCompilerLicense()}></span>
             </CustomTooltip>
             <select
               value={state.selectedVersion || state.defaultVersion}