ChrQR
1be462b7db
All checks were successful
Docker Build & Publish / Build Docker (push) Successful in 1m9s
24 lines
740 B
TypeScript
24 lines
740 B
TypeScript
import { Forecast } from "@/types/types";
|
|
import DailyCard from "./DailyCard";
|
|
|
|
export default function CardContainer(props: { weather: Forecast }) {
|
|
const weather = props.weather;
|
|
return (
|
|
<div className="p-2 flex overflow-scroll md:overflow-auto md:justify-center w-full">
|
|
{weather.daily &&
|
|
weather.daily.apparent_temperature_max.map(
|
|
(temp, index) =>
|
|
index > 0 &&
|
|
index < 7 && ( // Ensure we only render the next 6 days
|
|
<DailyCard
|
|
key={index}
|
|
temperature={temp}
|
|
weatherCode={weather.daily.weather_code[index]}
|
|
time={weather.daily.time[index]}
|
|
/>
|
|
)
|
|
)}
|
|
</div>
|
|
);
|
|
}
|