Merge pull request #8 from smdthiranjaya/dev

Clean modification
smdthiranjaya · Apr 6, 2024 · 5d07086 · 5d07086
2 parents a634196 + 0344a73
commit 5d07086
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 8 deletions.
diff --git a/src/App.js b/src/App.js
@@ -8,7 +8,6 @@ function App() {
     // Use the Router component to enable routing within the app
     <Router>
       <Routes>
-      // Define the Routes for your application
         <Route path="/" element={<WeatherPage />} />
         {}
       </Routes>

diff --git a/src/components/MapComponent.js b/src/components/MapComponent.js
@@ -10,9 +10,7 @@ const MapComponent = ({ weatherData }) => {
   // Return JSX for rendering the map
   return (
     <MapContainer center={[7.8731, 80.7718]} zoom={8} style={{ height: "700px", width: "700px" }}>
-      // Add a TileLayer to the map with OpenStreetMap tiles
       <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
-      // Iterate over weatherData to create markers for each data point
       {weatherData.map(({ id, city, lat, lng, temperature, humidity, airPressure, wind_speed, weatherDescriptions, observationTime, weatherIcons, isDay }) => {
         const dynamicIcon = new L.Icon({
           iconUrl: weatherIcons, 
@@ -24,7 +22,6 @@ const MapComponent = ({ weatherData }) => {
         // Render a Marker for each weather data point with a dynamic icon
         return (
           <Marker key={id} position={[lat, lng]} icon={dynamicIcon}>
-            // Display a Popup with weather and city details for each marker
             <Popup>
               <strong>{city}      <img src={markerIcon} alt="weather icon" style={{ width: "20px" }} /> </strong><br /><br />
               Daytime: {isDay ? 'Yes' : 'No'}<br />

diff --git a/src/pages/WeatherPage.js b/src/pages/WeatherPage.js
@@ -101,7 +101,7 @@ const WeatherPage = () => {
         };
 
         fetchWeatherData();
-        
+
         // Set an interval to refresh weather data every 5 minutes
         const interval = setInterval(fetchWeatherData, 300000); 
 
@@ -111,7 +111,6 @@ const WeatherPage = () => {
     // Render the WeatherPage component with weather statistics, map, and subscription form
     return (
         <div className="weather-page-container">
-            // Display the app logo and header
             <div className="page-header">
                 <img src={logo} alt="Logo" className="logo" />
                 <h1>Geo 360 Live</h1>
@@ -144,11 +143,9 @@ const WeatherPage = () => {
                           <p><span role="img" aria-label="Average">🔍</span> Avg: {weatherStats.windSpeed.avg.toFixed(1)}</p>
                       </div>
                   </div>
-                  // Display weather statistics and a map with weather data markers
                 <div className="weather-data" style={{ flex: 1 }}>
                     <MapComponent weatherData={weatherData} />
                 </div>
-                // Subscription form for weather updates
                 <div className="content-container" style={{ display: 'flex', justifyContent: 'space-between' }}>
                 <div className="weather-stats2">
                     <h2>Subscribe to Weather Updates</h2>