import Offer from "@components/Offer";
import { Search } from "@wails/go/main/App";
import { api } from "@wails/go/models";
import { useEffect, useRef, useState } from "react";
import { EventsOn } from "@wails/runtime";

function App() {
  const [state, setState] = useState<api.ScoredOffer[] | null>(null);

  async function invoke() {
    const offers = await Search();
    setState(offers);
  }

  useEffect(() => {
    if (state === null) invoke();
  });

  return (
    <div id="App">
      <div className="p-4">
        <div className="space-y-3 flex flex-col justify-items-center">
          {state?.map((offer) => (
            <Offer offer={offer} />
          ))}
        </div>
      </div>
    </div>
  );
}

export default App;