import { StrictMode, useEffect, useState } from "react";
import ReactDOM from "react-dom/client";
import { RqbitWebUI } from "./rqbit-web";
import { customSetInterval } from "./helper/customSetInterval";
import { APIContext } from "./context";
import { API } from "./http-api";
import "./globals.css";
const RootWithVersion = () => {
let [version, setVersion] = useState<string>("");
useEffect(() => {
const refreshVersion = () =>
API.getVersion().then(
(version) => {
setVersion(version);
const title = `rqbit web - v${version}`;
document.title = title;
return 10000;
},
(e) => {
return 1000;
},
);
return customSetInterval(refreshVersion, 0);
}, []);
return (
<APIContext.Provider value={API}>
<RqbitWebUI title="rqbit" version={version} />
</APIContext.Provider>
);
};
ReactDOM.createRoot(document.getElementById("app") as HTMLInputElement).render(
<StrictMode>
<RootWithVersion />
</StrictMode>,
);