From 451006f8359c21d8db5fd50f4e6904c7d8ce8f64 Mon Sep 17 00:00:00 2001
From: insanik9 <fanchaolin2005@gmail.com>
Date: Fri, 31 May 2024 14:39:19 -0400
Subject: [PATCH] Fixed ad detail page Back button, changed details/edit button
 to be consistent with other buttons

---
 components/ui/ad-details.tsx | 31 ++++++++++++++++++-------------
 components/ui/button.tsx     |  4 ++--
 lib/actions.ts               |  1 -
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/components/ui/ad-details.tsx b/components/ui/ad-details.tsx
index 3e3575d..fb42d93 100644
--- a/components/ui/ad-details.tsx
+++ b/components/ui/ad-details.tsx
@@ -12,7 +12,7 @@ export default function Form({ channels, ad }: { channels: ChannelField[], ad:Ad
       </div>
       <div className="flex justify-end gap-4">
           <Link
-            href="/manage"
+            href="/ad/manage"
             className="flex h-10 items-center rounded-lg bg-gray-100 px-4 text-sm font-medium text-gray-600 transition-colors hover:bg-gray-200"
           >
             Back
@@ -143,7 +143,7 @@ export default function Form({ channels, ad }: { channels: ChannelField[], ad:Ad
                 <div className="md:w-3/4">
                   {ad.headline5}
                 </div>
-              </div>):null}
+              </div>): null}
             <div className="md:flex md:items-center mb-6">
               <div className="md:w-1/4">
                 <label className="block text-gray-500 font-bold mb-1 md:mb-0 pr-4" htmlFor="adTargetAudience">
@@ -156,17 +156,22 @@ export default function Form({ channels, ad }: { channels: ChannelField[], ad:Ad
                 </div>
               </div>
             </div>
-            <hr /><br />
-            <div className="md:flex md:items-center mb-6">
-              <div className="md:w-1/4">
-                <label className="block text-gray-500 font-bold mb-1 md:mb-0 pr-4" htmlFor="image-upload">
-                  Images:
-                </label>
-              </div>
-              <div className="md:w-1/4 inline-flex">
-                <img src={ad.image_url} />
-              </div>
-            </div>
+            
+            {ad.image_url? (
+              <div>
+                <hr /><br />
+                <div className="md:flex md:items-center mb-6">
+                  <div className="md:w-1/4">
+                    <label className="block text-gray-500 font-bold mb-1 md:mb-0 pr-4" htmlFor="image-upload">
+                      Images:
+                    </label>
+                  </div>
+                  <div className="md:w-1/4 inline-flex">
+                    <img src={ad.image_url} />
+                  </div>
+                </div>
+              </div>): null}
+            
             <hr /><br />
             <div className="md:flex md:items-center mb-6">
               <div className="md:w-1/4">
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 2ca19b3..b6b1e17 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -27,7 +27,7 @@ export function UpdateAd({ id }: { id: string }) {
   return (
     <Tooltip content={"Edit"} offset={-4}>
     <Button onClick={handleRedirect}
-    className="rounded-md border p-2 bg-zinc-300 hover:bg-gray-100">
+    className="rounded-md border p-2 hover:bg-gray-100 min-w-0">
       <PencilIcon className="w-5" />
     </Button>
     </Tooltip>
@@ -42,7 +42,7 @@ export function AdDetails({ id }: { id: string }) {
   return (
     <Tooltip content={"Details"} offset={-4}>
     <Button onClick={handleRedirect}
-    className="rounded-md border p-2 bg-zinc-300 hover:bg-gray-100">
+    className="rounded-md border p-2 hover:bg-gray-100 min-w-0">
       <EyeIcon className="w-5" />
     </Button>
     </Tooltip>
diff --git a/lib/actions.ts b/lib/actions.ts
index acac556..c8e922d 100644
--- a/lib/actions.ts
+++ b/lib/actions.ts
@@ -6,7 +6,6 @@ import { z } from 'zod';
 import { revalidatePath } from 'next/cache';
 import { redirect } from 'next/navigation';
 //import { signIn } from '@/auth';
-import { AuthError } from 'next-auth';
 
 const FormSchema = z.object({
     id: z.string(),