local-weather/app/page.tsx
ChrQR b8d543e1c1
Some checks failed
Docker Build & Publish / Build Docker (push) Failing after 1m10s
moved context to separate file and imported
2024-05-11 01:21:34 +02:00

28 lines
871 B
TypeScript

'use client'
import LocationSearch from '@/components/LocationSearch';
import WeatherNow from '../components/WeatherNow'
import { createContext, useState } from 'react';
import { defaultGeoLocation } from './defaultState';
import { LocationContextType, coordType } from '@/types/types';
import { LocationContext } from '@/context/LocationContext';
export default function Home() {
const [geoLocation, setGeoLocation] = useState<coordType>(defaultGeoLocation);
// Create an object that will be passed to the context provider
const contextValue: LocationContextType = {
geoLocation,
setGeoLocation
};
return (
<main>
<div className='mx-auto max-w-3xl text-center'>
<LocationContext.Provider value={contextValue}>
<LocationSearch />
<WeatherNow />
</LocationContext.Provider>
</div>
</main>
);
}