import React , { useContext , useState , useEffect } from "react" ; import { Link } from "react-router-dom" ; import { StateContext } from "../../provider/StateProvider" ; import eeQL2 from "../../../assets/img/eeql_logo_copy.png" ; import FileUpload from "../../components/FileUpload/FileUpload" ; import "react-awesome-button/dist/styles.scss" ; import "./Landing.scss" ; import { AwesomeButton , AwesomeButtonSocial } from "react-awesome-button" ; const shell = require ( "electron" ) . shell ; const Landing = ( ) => { return ( < div > < div className = "visualize" > < Link to = "/visualize" > < AwesomeButton type = "secondary" ripple = { true } onPress = { ( ) => { window . alert ( "This feature is currently in beta, we appeciate your patience. -eeQL" ) ; } } > VISUALIZE < /AwesomeButton> < /Link> < AwesomeButtonSocial type = "github" onPress = { ( ) => { shell . openExternal ( "https://github.com/oslabs-beta/eeQL" ) ; } } > SOURCE < /AwesomeButtonSocial> < AwesomeButton type = "primary" ripple = { true } > < i className = "far fa-lightbulb" > < /i> < /AwesomeButton> < /div> < div id = "landing" > < img id = "logo" src = { eeQL2 } alt = "eeql" / > < div className = "input" > < FileUpload /> < /div> < /div> < /div>); } ; export default Landing ;