import FrontCameraOverviewCard from "../components/FrontCameraOverview/FrontCameraOverviewCard";
import SightingHistoryWidget from "../components/SightingsWidget/SightingWidget";
import { SightingFeedProvider } from "../context/providers/SightingFeedProvider";
import { OUTSIDE_CAM_BASE } from "../utils/config";

const Dashboard = () => {
  const dev_OUTSIDE_URL = `${OUTSIDE_CAM_BASE}/SightingListFront/sightingSummary?mostRecentRef=`;
  // const folkestone_OUTSIDE_URL = `http://100.116.253.81/mergedHistory/sightingSummary?mostRecentRef=`;
  return (
    <SightingFeedProvider url={dev_OUTSIDE_URL} side="Front">
      <div className="mx-auto flex flex-col lg:flex-row gap-2 px-1 sm:px-2 lg:px-0 w-full min-h-screen">
        <FrontCameraOverviewCard />
        <SightingHistoryWidget title="Sightings" />
      </div>
    </SightingFeedProvider>
  );
};

export default Dashboard;