Function App

ui-example/src/index.tsx:49–76

()

});

const App: React.FC = () => {
    const {loading, error, data} = useQuery(gql`
        {
            shows {
                title
            }
        }`);

    return loading ?
        <div>Loading...</div>
        : error ? <div>{error}</div>
            : <div>
                <h1>Movies</h1>
                <table>
                    <tr>
                        <th>Title</th>
                    </tr>
                    {data.shows.map((show: Show) => {
                        return <tr>
                            <td>{show.title}</td>
                        </tr>
                    })}
                </table>

                <h1>Subscriptions</h1>
                <SubscriptionPanel/>
            </div>
}

type Show = {
    title: String