front/src/components/ResultContainer.tsx

import { useEffect, useState } from "react";

export default function ResultContainer({
  sendImageToServer,
  idCardPicture,
  profileImage,
}: {
  sendImageToServer: (
    pic: string,
    pic2: string,
    setLoading: (n: boolean) => void,
  ) => void;
  idCardPicture: string;
  profileImage: string;
}) {
  const [loading, setLoading] = useState<boolean>(true);

  useEffect(() => {
    sendImageToServer(idCardPicture ?? "", profileImage ?? "", setLoading);
  }, []);
  return <>{loading ? <>Fetching</> : <>Perfect</>}</>;
}