pwa fix, og fix and cleanup

Author: THEALIFHAKER1

icon.png

@@ -1,7 +1,7 @@
 {
-  "name": "NEXT INITIATE 15",
-  "short_name": "NEXT INITIATE 15",
-  "description": "Next.js 15+ starter template with app router, shadcn/ui, typesafe env, icons and configs setup.",
+  "name": "METEO",
+  "short_name": "METEO",
+  "description": "METEO WEATHER APP MADE WITH NEXTJS AND OPENWEATHERMAP API",
   "icons": [
     {
       "src": "icons/icon-72x72.png",

public/favicon.ico

@@ -19,9 +19,6 @@ export default function HomePage({
   const lat = searchParams.lat
   const lon = searchParams.lon
 
-  console.log("Latitude:", lat) // Debugging: check the values
-  console.log("Longitude:", lon) // Debugging: check the values
-
   return (
     <>
       <div className="container flex h-full max-w-[64rem] flex-col items-center justify-center gap-4 text-center">

public/icons/icon-128x128.png

@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 import { ImageResponse } from "next/og"
 import { type NextRequest } from "next/server"
-import { DEFAULT_LOCATION } from "@/configs/site"
+import { DEFAULT_LOCATION, siteConfig } from "@/configs/site"
 import { type CurrentWeatherData } from "@/types"
 
 import { env } from "@/env.js"
@@ -21,10 +21,59 @@ export async function GET(_req: NextRequest) {
     const lat = searchParams.get("lat")
     const lon = searchParams.get("lon")
 
-    const CurrentWeatherData: CurrentWeatherData = (await GetCurrentWeather({
-      lat: lat ?? "",
-      lon: lon ?? "",
-    })) as CurrentWeatherData
+    if (lat ?? lon) {
+      const CurrentWeatherData: CurrentWeatherData = (await GetCurrentWeather({
+        lat: lat ?? "",
+        lon: lon ?? "",
+      })) as CurrentWeatherData
+      return new ImageResponse(
+        (
+          <div
+            style={{
+              height: "100%",
+              width: "100%",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: "black",
+              borderRadius: "8px",
+              border: "8px solid white",
+            }}
+          >
+            <h1
+              style={{
+                fontFamily: "Inter",
+                fontSize: "3rem",
+                color: "white",
+                textAlign: "center",
+              }}
+            >
+              {CurrentWeatherData.name ?? DEFAULT_LOCATION.city}
+            </h1>
+            <img
+              width={300}
+              height={300}
+              src={`${env.NEXT_PUBLIC_APP_URL}/icons/icon-512x512.png`}
+              alt=""
+            />
+          </div>
+        ),
+        {
+          width: 1200,
+          height: 630,
+          fonts: [
+            {
+              name: "Inter",
+              data: fontBold,
+              style: "normal",
+              weight: 700,
+            },
+          ],
+        }
+      )
+    }
+
     return new ImageResponse(
       (
         <div
@@ -48,7 +97,7 @@ export async function GET(_req: NextRequest) {
               textAlign: "center",
             }}
           >
-            {CurrentWeatherData.name ?? DEFAULT_LOCATION.city}
+            {siteConfig.name}
           </h1>
           <img
             width={300}

public/icons/icon-144x144.png

@@ -6,7 +6,6 @@ import "@/styles/globals.css"
 import { siteConfig } from "@/configs/site"
 import { ThemeProvider } from "next-themes"
 
-import ScreenSizeDetector from "@/components/custom/ScreenSizeDetector"
 import WrapperPage from "@/components/layout/wrapper-page"
 
 const inter = Inter({ subsets: ["latin"] })

public/icons/icon-152x152.png

@@ -7,7 +7,6 @@ import { useTheme } from "next-themes"
 import { useSessionStorage } from "usehooks-ts"
 
 import Loader from "./loader"
-import Navbar from "./navbar"
 
 export default function WrapperPage({
   children,

public/icons/icon-16x16.png

@@ -72,7 +72,7 @@ export default function Map() {
   const [viewport, setViewport] = useState({
     latitude: lat ? Number(lat) : Number(defaultLat),
     longitude: lon ? Number(lon) : Number(defaultLon),
-    zoom: 9,
+    zoom: 12,
     pitch: 60,
     bearing: -60,
   })