bot-image-moderation-fe/src/App.tsx

import { useState } from "react";
import ImageModerator from "./components/ImageModerator/ImageModerator";
import Login from "./components/Login/Login";

function App() {
  const [{ apiUrl, middlewareUrl, token }, setRemote] = useState({
    apiUrl: "",
    middlewareUrl: "",
    token: "",
  });

  if (token) {
    return (
      <>
        <ImageModerator
          token={token}
          apiUrl={apiUrl}
          middlewareUrl={middlewareUrl}
        />
      </>
    );
  } else {
    return (
      <>
        <Login setRemote={setRemote} />
      </>
    );
  }
}

export default App;