import {respond, start, stop} from 'react-native-http-bridge-refurbished';

import React, {useEffect, useState} from 'react';
import {BridgeServer} from 'react-native-http-bridge-refurbished';
import {Text} from 'react-native';

function App(): JSX.Element {
    const [lastCalled, setLastCalled] = useState<number | undefined>();

    useEffect(() => {
        const server = new BridgeServer('http_service', true);
        server.get('/', async (req, res) => {
            // do something
            setLastCalled(Date.now());
            return {message: 'OK'}; // or res.json({message: 'OK'});
        });
        server.listen(3000);

        return () => {
            server.stop();
        };
    }, []);

    return (
        <Text>
            {lastCalled === undefined
                ? 'Request webserver to change text'
                : 'Called at ' + new Date(lastCalled).toLocaleString()}
        </Text>
    );
}

export default App;