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

const Dashboard = () => {
  const base_url = `${CAM_BASE}/SightingListFront/sightingSummary?mostRecentRef=`;
  return (
    <SightingFeedProvider url={base_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;