FalkenDev / SparkRentals-Webb-Client

import { Profile, History, Prepaid } from "../components";

import profile from "../models/profile.js";

import auth from "../models/auth.js";

import { useState, useEffect } from "react";

import { useStateContext } from "../contexts/ContextProvider";

import storage from "../models/storage";

const Account = () => {

  const [userData, setUserData] = useState({});

  const { isGoogleAcc, isLoggedIn } = useStateContext();

  useEffect(() => {

    fetchDataGoogle();

  }, []);

  useEffect(() => {

    fetchData();

  }, []);

  async function fetchData() {

    console.log("-----------ACCOUNT----------");

    const id = storage.readJwtID();

    const res = await profile.getUserInformation(id, false);

    setUserData(res.user);

    console.log("----------------------------");

  }

  return (

    <>

      <div className="w-full flex flex-col py-4 px-7">

        <div className="w-full py-4">

          <Profile userData={userData} />

        </div>

        <div className="flex flex-row">

          <div className="w-2/3">

            <History userData={userData} />

          </div>

          <div className="w-1/3">

            <Prepaid />

          </div>

        </div>

      </div>

    </>

  );

};

export default Account;