"use client";

import React from "react";
import { TripReportAndPlanningToggle } from "./index";
import { useSelector } from "react-redux";
import { RootState } from "@/app/_globalRedux/store";
import { TripReport } from "./tripReport";
import { isSinghTransportAccount } from "@/app/helpers/isSinghTransport";

export const View = () => {
  const { userId, parentUser } = useSelector((state: RootState) => state.auth);

  return (
    <div className="flex flex-col gap-4 px-4 py-4 w-full font-proxima">
      {Number(userId) === 87162 ||
      Number(parentUser) === 87162 ||
      Number(userId) === 87317 ||
      isSinghTransportAccount(userId) ||
      Number(userId) === 80933 ||
      Number(userId) === 87259 ||
      Number(parentUser) === 87259 ? (
        <TripReport />
      ) : (
        <TripReportAndPlanningToggle />
      )}
    </div>
  );
};