github.com/AlpineAIO/wails/v2@v2.0.0-beta.32.0.20240505041856-1047a8fa5fef/pkg/templates/generate/assets/preact/frontend/src/app.jsx (about)

     1  import './app.css';
     2  import logo from "./assets/images/logo-universal.png";
     3  import {Greet} from "../wailsjs/go/main/App";
     4  import {useState} from "preact/hooks";
     5  
     6  export function App(props) {
     7      const [resultText, setResultText] = useState("Please enter your name below 👇");
     8      const [name, setName] = useState('');
     9      const updateName = (e) => setName(e.target.value);
    10      const updateResultText = (result) => setResultText(result);
    11  
    12      function greet() {
    13          Greet(name).then(updateResultText);
    14      }
    15  
    16      return (
    17          <>
    18              <div id="App">
    19                  <img src={logo} id="logo" alt="logo"/>
    20                  <div id="result" className="result">{resultText}</div>
    21                  <div id="input" className="input-box">
    22                      <input id="name" className="input" onChange={updateName} autoComplete="off" name="input"
    23                             type="text"/>
    24                      <button className="btn" onClick={greet}>Greet</button>
    25                  </div>
    26              </div>
    27          </>
    28      )
    29  }