"use client";

import { useState } from "react";

import userData from "@/data/userData.json";
import DashboardPage from "@/components/dashboard";
import UserAccountPage from "./userAccount";
import { request } from "@/services/response";

function Content({
  matchedCity,
  userInfo,
  params,
  logged,
  initialIsOpenSide,
  dataUser,
}) {
  const [value, setValue] = useState(Number(params?.sidebar) || 0);
  const [isOpenSide, setIsOpenSide] = useState(initialIsOpenSide);
  const [isTurnsDetails, setIsTurnsDetails] = useState(false);
  const [prevData, setPrevData] = useState(dataUser);

  const updateDataUser = () => {
    request
      .getUserProfile(userInfo.uuid)
      .then((res) => {
        setPrevData(res);
      })
      .catch(() => {});
  };

  return (
    <DashboardPage
      value={value}
      logged={logged}
      setValue={setValue}
      user={userData.data}
      isOpenSide={isOpenSide}
      matchedCity={matchedCity}
      setIsOpenSide={setIsOpenSide}
      isTurnsDetails={isTurnsDetails}
      setIsTurnsDetails={setIsTurnsDetails}
    >
      <UserAccountPage
        value={value}
        dataUser={prevData}
        userInfo={userInfo}
        user={userData.data}
        setIsOpenSide={setIsOpenSide}
        updateDataUser={updateDataUser}
        isTurnsDetails={isTurnsDetails}
        setIsTurnsDetails={setIsTurnsDetails}
      />
    </DashboardPage>
  );
}

export default Content;