From 5aa611146051060c4f51ca508fc1f9b37ea42028 Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Thu, 18 Sep 2025 16:55:53 +0330
Subject: [PATCH] fix(tenders): Hide empty submission URL and adjust section
 spacing

The "Submission Url" section on the tender details page was being rendered even when the URL was null or empty, leading to a visually broken component.

This commit wraps the "Submission Url" section in a conditional check to ensure it only renders when a URL is present.

Additionally, a `gap-2` utility has been added to the flex containers to improve the visual separation between detail sections.
---
 src/app/tenders/[details]/page.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/app/tenders/[details]/page.tsx b/src/app/tenders/[details]/page.tsx
index 160355c..e58faaa 100644
--- a/src/app/tenders/[details]/page.tsx
+++ b/src/app/tenders/[details]/page.tsx
@@ -46,7 +46,7 @@ const TenderDetails = ({ params }: IProps) => {
             {data?.data.status}
           </Status>
         </div>
-        <div className="mt-4 flex justify-between border-b pb-4">
+        <div className="mt-4 flex justify-between gap-2 border-b pb-4">
           <ShowcaseSection title="Tender ID">
             {data?.data.tender_id}
           </ShowcaseSection>
@@ -63,15 +63,18 @@ const TenderDetails = ({ params }: IProps) => {
             {data?.data.procurement_type_code}
           </ShowcaseSection>
         </div>
-        <div className="mt-4 flex justify-between border-b pb-4">
+        <div className="mt-4 flex justify-between gap-2 border-b pb-4">
           <ShowcaseSection title="Application Deadline">
             <span>{msToDate(data?.data.application_deadline ?? 0)}</span>
           </ShowcaseSection>
-          <ShowcaseSection title="Submission Url">
-            <Link href={data?.data.submission_url ?? ""} target="_blank">
-              {data?.data.submission_url}
-            </Link>
-          </ShowcaseSection>
+          {data?.data.submission_url && (
+            <ShowcaseSection title="Submission Url">
+              <Link href={data?.data.submission_url ?? ""} target="_blank">
+                {data?.data.submission_url}
+              </Link>
+            </ShowcaseSection>
+          )}
+
           <ShowcaseSection title="Publication Deadline">
             <span>{msToDate(data?.data.publication_date ?? 0)}</span>
           </ShowcaseSection>