42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import { useState } from 'react';
|
|
import logo from './assets/images/logo-universal.png';
|
|
import './App.css';
|
|
import { Greet } from '../wailsjs/go/main/App';
|
|
|
|
function App() {
|
|
const [resultText, setResultText] = useState(
|
|
'Enter your fansly API token, then press Go!',
|
|
);
|
|
const [name, setName] = useState('');
|
|
const updateName = (e: any) => setName(e.target.value);
|
|
const updateResultText = (result: string) => setResultText(result);
|
|
|
|
function greet() {
|
|
Greet(name).then(updateResultText);
|
|
}
|
|
|
|
return (
|
|
<div id='App'>
|
|
<img src={logo} id='logo' alt='logo' />
|
|
<div id='result' className='result'>
|
|
{resultText}
|
|
</div>
|
|
<div id='input' className='input-box'>
|
|
<input
|
|
id='name'
|
|
className='input'
|
|
onChange={updateName}
|
|
autoComplete='off'
|
|
name='input'
|
|
type='text'
|
|
/>
|
|
<button className='btn' onClick={greet}>
|
|
Go!
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|