From 52d1a047ce95295a849a8f17cf06d0754c9abce8 Mon Sep 17 00:00:00 2001
From: Marcel <65048232+dromzeh@users.noreply.github.com>
Date: Mon, 28 Aug 2023 17:27:10 +0100
Subject: [PATCH 1/2] fix: build fail & vehicledetailsform height

---
 src/app/og/route.tsx                          | 21 +------------------
 .../PaymentCalculatorResponse.tsx             |  2 +-
 .../paymentCalculator/VehicleDetailsForm.tsx  |  2 +-
 3 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/src/app/og/route.tsx b/src/app/og/route.tsx
index 7af7ece..74db39f 100644
--- a/src/app/og/route.tsx
+++ b/src/app/og/route.tsx
@@ -1,9 +1,6 @@
 import { ImageResponse } from 'next/server'
 
 export const runtime = 'edge'
-
-export const alt = 'driv.ly logo'
-
 const metadata = {
     size: {
         width: 1200,
@@ -11,23 +8,7 @@ const metadata = {
     }
 }
 
-export const contentType = 'image/png'
-
-interface OptionalParams {
-    VIN?: string
-}
-
-export async function GET(params: OptionalParams): Promise<ImageResponse> {
-    params.VIN = '1G1YY26E385132782'
-
-    if (params.VIN) {
-        const { VIN } = params
-
-        const vinData = await fetch(`https://specs.vin/${VIN}`).then((res) =>
-            res.json()
-        )
-    }
-
+export async function GET() {
     return new ImageResponse(
         (
             <div tw="p-10 justify-center items-center w-full h-full text-black relative flex">
diff --git a/src/components/calculator/paymentCalculator/PaymentCalculatorResponse.tsx b/src/components/calculator/paymentCalculator/PaymentCalculatorResponse.tsx
index d02c429..03b0a8b 100644
--- a/src/components/calculator/paymentCalculator/PaymentCalculatorResponse.tsx
+++ b/src/components/calculator/paymentCalculator/PaymentCalculatorResponse.tsx
@@ -98,7 +98,7 @@ export default function PaymentHandlerResponse({
                     .catch((error) =>
                         console.error('Error fetching payments data', error)
                     )
-            }, 500)
+            }, 200)
         } else {
             router.push('/')
 
diff --git a/src/components/calculator/paymentCalculator/VehicleDetailsForm.tsx b/src/components/calculator/paymentCalculator/VehicleDetailsForm.tsx
index d95eaee..d98393b 100644
--- a/src/components/calculator/paymentCalculator/VehicleDetailsForm.tsx
+++ b/src/components/calculator/paymentCalculator/VehicleDetailsForm.tsx
@@ -60,7 +60,7 @@ export default function VehicleDetailsForm() {
     return (
         <Form {...form}>
             <form className="w-full md:w-[400px]">
-                <div className="my-2 space-y-4">
+                <div className="space-y-4">
                     <Card className="w-full">
                         <CardContent className="mt-6">
                             <div>

From 83014bb14861f84f326a76bb3ae5b15dcc1ce722 Mon Sep 17 00:00:00 2001
From: Marcel <65048232+dromzeh@users.noreply.github.com>
Date: Mon, 28 Aug 2023 17:36:34 +0100
Subject: [PATCH 2/2] feat: bottom margin for better mobile experience

---
 src/components/calculator/TabsLayout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/calculator/TabsLayout.tsx b/src/components/calculator/TabsLayout.tsx
index bed9b24..7783e1c 100644
--- a/src/components/calculator/TabsLayout.tsx
+++ b/src/components/calculator/TabsLayout.tsx
@@ -27,7 +27,9 @@ export function TabsLayout() {
                     </TabsTrigger>
                 </TabsList>
             </div>
-            <PaymentHandler selectedTab={selectedTab} />
+            <div className="mb-10">
+                <PaymentHandler selectedTab={selectedTab} />
+            </div>
         </Tabs>
     )
 }