dgate 2.1.0

DGate API Gateway - High-performance API gateway with JavaScript module support
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

// create a component that fetches the latest release from a Github repository
// using this url: https://api.github.com/repos/dgate-io/dgate/releases/latest

import React, { useEffect } from "react";
import { useState } from "react";
import CodeBlock from '@theme/CodeBlock';

type Props = {
    url: string;
    title: string;
};

function CodeFetcher({ url, title }: Props) {
    const [data, setData] = useState<string | null>(null);
    const [retry, setRetry] = useState(0);

    useEffect(() => {
        fetch(url)
            .then((response) => response.text())
            .then((data) => setData(data))
            .catch((error) => {
                console.error(error);
                setTimeout(() => setRetry(retry + 1), 3000)
            });
    }, [url]);

    if (retry > 10) {
        return null;
    }

    return (data) ? <CodeBlock title={title} language="typescript">{data}</CodeBlock> :
    <h1 className="box-progress" data-text="Loading">
        Loading...
    </h1>;
}

export default CodeFetcher