Preview:
import './App.css';
async function connectToPhantom(){
  try{
    const resp = await window.solana.connect()
  } catch{

  }
}

const getProvider = () => {
  if ("solana" in window) {
    const provider = window.solana;
    if (provider.isPhantom) {
      return provider;
    }
  }
  window.open("https://phantom.app", "_blank");
}

//listener for on connetion
//display wallet

window.solana.on("connect", () => console.log("connected your publick key is: " + window.solana.publicKey.toString()))

function App() {
  return (
    <div className="App">
      <button onClick={connectToPhantom}>Connect to Phantom</button>
    </div>
  );
}

export default App;
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter