import React , { FC , Fragment } from "react" ; import Migrator from "../commonV2/dao/Migrator" ; import { DAOForm , } from "@dorgtech/daocreator-lib" ; import { MDBAlert , MDBIcon , MDBContainer , MDBTooltip } from "mdbreact" ; import './styles.css' ; interface Props { form : DAOForm ; setLaunching : ( launching : boolean ) => void ; migrationStates : any ; } const InstallStep = ( { migrationStates } ) => { const { alchemyAdds } = migrationStates ; return ( < > < Fragment > < MDBContainer > < MDBAlert color = "warning" dismiss > < MDBIcon className = "red-text mr-2" icon = "exclamation-triangle" / > Attempting to speed up transactions will BREAK deployment ! < /MDBAlert> { alchemyAdds . map ( ( address ) => ( < MDBAlert key = { address } color = "warning" dismiss > < MDBIcon className = "red-text mr-2" icon = "exclamation-triangle" / > Save your new DAO 's < MDBTooltip domElement > < div onClick = { ( ) => { navigator . clipboard . writeText ( address ) ; } } style = { { cursor : "pointer" , display : "inline-block" , color : "blue" } } > & nbsp ; Alchemy URL & nbsp ; < /div> < div > Click to copy < /div> < /MDBTooltip> to avoid losing it < /MDBAlert>))} < /MDBContainer> < /Fragment> < Migrator migrationStates = { migrationStates } / > < />); } ; export default InstallStep ;