src/components/container/index.tsx

@@ -9,8 +9,7 @@ export default () => {
 					<input
 						class="form-control me-2"
 						type="search"
-						placeholder={`Search with ${localStorage.getItem("searchEngineName") || ""
+						placeholder={`Search with ${localStorage.getItem("searchEngineName")}`}
-							}`}
 						aria-label="Search with Google"
 						name="q"
 					/>

src/components/navbar/desc.json

@@ -0,0 +1,282 @@
+{
+	"0": {
+		"day": {
+			"description": "Sunny",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01d@2x.png"
+		},
+		"night": {
+			"description": "Clear",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01n@2x.png"
+		}
+	},
+	"1": {
+		"day": {
+			"description": "Mainly Sunny",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01d@2x.png"
+		},
+		"night": {
+			"description": "Mainly Clear",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/01n@2x.png"
+		}
+	},
+	"2": {
+		"day": {
+			"description": "Partly Cloudy",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/02d@2x.png"
+		},
+		"night": {
+			"description": "Partly Cloudy",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/02n@2x.png"
+		}
+	},
+	"3": {
+		"day": {
+			"description": "Cloudy",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/03d@2x.png"
+		},
+		"night": {
+			"description": "Cloudy",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/03n@2x.png"
+		}
+	},
+	"45": {
+		"day": {
+			"description": "Foggy",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50d@2x.png"
+		},
+		"night": {
+			"description": "Foggy",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50n@2x.png"
+		}
+	},
+	"48": {
+		"day": {
+			"description": "Rime Fog",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50d@2x.png"
+		},
+		"night": {
+			"description": "Rime Fog",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/50n@2x.png"
+		}
+	},
+	"51": {
+		"day": {
+			"description": "Light Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Light Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"53": {
+		"day": {
+			"description": "Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"55": {
+		"day": {
+			"description": "Heavy Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Heavy Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"56": {
+		"day": {
+			"description": "Light Freezing Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Light Freezing Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"57": {
+		"day": {
+			"description": "Freezing Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Freezing Drizzle",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"61": {
+		"day": {
+			"description": "Light Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
+		},
+		"night": {
+			"description": "Light Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
+		}
+	},
+	"63": {
+		"day": {
+			"description": "Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
+		},
+		"night": {
+			"description": "Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
+		}
+	},
+	"65": {
+		"day": {
+			"description": "Heavy Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
+		},
+		"night": {
+			"description": "Heavy Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
+		}
+	},
+	"66": {
+		"day": {
+			"description": "Light Freezing Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
+		},
+		"night": {
+			"description": "Light Freezing Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
+		}
+	},
+	"67": {
+		"day": {
+			"description": "Freezing Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10d@2x.png"
+		},
+		"night": {
+			"description": "Freezing Rain",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/10n@2x.png"
+		}
+	},
+	"71": {
+		"day": {
+			"description": "Light Snow",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
+		},
+		"night": {
+			"description": "Light Snow",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
+		}
+	},
+	"73": {
+		"day": {
+			"description": "Snow",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
+		},
+		"night": {
+			"description": "Snow",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
+		}
+	},
+	"75": {
+		"day": {
+			"description": "Heavy Snow",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
+		},
+		"night": {
+			"description": "Heavy Snow",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
+		}
+	},
+	"77": {
+		"day": {
+			"description": "Snow Grains",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
+		},
+		"night": {
+			"description": "Snow Grains",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
+		}
+	},
+	"80": {
+		"day": {
+			"description": "Light Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Light Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"81": {
+		"day": {
+			"description": "Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"82": {
+		"day": {
+			"description": "Heavy Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09d@2x.png"
+		},
+		"night": {
+			"description": "Heavy Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/09n@2x.png"
+		}
+	},
+	"85": {
+		"day": {
+			"description": "Light Snow Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
+		},
+		"night": {
+			"description": "Light Snow Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
+		}
+	},
+	"86": {
+		"day": {
+			"description": "Snow Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13d@2x.png"
+		},
+		"night": {
+			"description": "Snow Showers",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/13n@2x.png"
+		}
+	},
+	"95": {
+		"day": {
+			"description": "Thunderstorm",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png"
+		},
+		"night": {
+			"description": "Thunderstorm",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png"
+		}
+	},
+	"96": {
+		"day": {
+			"description": "Light Thunderstorms With Hail",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png"
+		},
+		"night": {
+			"description": "Light Thunderstorms With Hail",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png"
+		}
+	},
+	"99": {
+		"day": {
+			"description": "Thunderstorm With Hail",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11d@2x.png"
+		},
+		"night": {
+			"description": "Thunderstorm With Hail",
+			"image": "https://wsrv.nl/?l=9w=24&url=https://openweathermap.org/img/wn/11n@2x.png"
+		}
+	}
+}

src/components/navbar/index.tsx

@@ -5,7 +5,7 @@ export default () => {
 	const [wttrDesc, setWttrDesc] = useState<string>("Loading...");
 
 	fetch(
-		`https://wttr.in/${localStorage.getItem("location") || ""}?format=%t%20%26%20%C%c&m`,
+		`https://wttr.in/${localStorage.getItem("location") || ""}?format=%t%20with%20%C%c&m`,
 	)
 		.then((res) => res.text())
 		.then((desc) => {