Add analytics map and logo images; enhance LinkedIn posting function for better user feedback and error handling

app.py

@@ -3,6 +3,7 @@ import requests
 import json
 import os
 from dotenv import load_dotenv
+import time
 
 # Load environment variables from .env file (for local development)
 load_dotenv()
@@ -25,21 +26,29 @@ if missing_vars:
     print(f"⚠️ WARNING: Missing environment variables: {', '.join(missing_vars)}")
     print("Please check your Hugging Face Spaces Secrets configuration")
 
+
 def post_to_linkedin(name, job_post):
-    """Post to LinkedIn via their API"""
+    """Post to LinkedIn via their API with improved UX feedback"""
+    
+    # 1. Clear previous success link on new submission
+    yield "Verifying inputs...", gr.update(value="", visible=False)
     
-    # Check for missing environment variables
+    # 2. Check for missing environment variables
     if not organisationNumber or not token or not postApiUrl:
-        return f"❌ Configuration Error: Missing environment variables. Please check Spaces Secrets.", gr.update(visible=False)
+        yield f"❌ Configuration Error: Missing environment variables. Please check Spaces Secrets.", gr.update(visible=False)
+        return
     
+    # 3. Validate user input
     if not name.strip() or not job_post.strip():
-        return "❌ Please fill in both fields", gr.update(visible=False)
+        yield "❌ Please fill in all fields (Name and Job Post).", gr.update(visible=False)
+        return
     
+    # 4. Prepare headers and data
     headers_dict = {
         'Authorization': f'Bearer {token}',
         'Content-Type': 'application/json',
         'X-Restli-Protocol-Version': '2.0.0',
-        'LinkedIn-Version': '202510'
+        'LinkedIn-Version': '202510' # Using a recent, static version
     }
     
     data = {
@@ -55,68 +64,264 @@ def post_to_linkedin(name, job_post):
         "isReshareDisabledByAuthor": False
     }
     
+    # 5. Make the API POST request
     try:
-        print(f"Posting to: {postApiUrl}")  # Debug log
+        yield "🚀 Posting to LinkedIn...", gr.update(visible=False)
+        
         response = requests.post(
             postApiUrl,
             headers=headers_dict,
             json=data,
-            timeout=30  # Add timeout
+            timeout=30
         )
         
-        print(f"Response status: {response.status_code}")  # Debug log
-        
+        # 6. Handle the POST response
         if response.status_code == 201:
-            return "✅ Post published successfully to LinkedIn!", gr.update(visible=True)
+            
+            # --- REINTRODUCED COUNTDOWN START ---
+            for i in range(10, 0, -1):
+                yield f"✅ Post successful! Waiting for LinkedIn API update... ({i} seconds remaining)", gr.update(visible=False)
+                time.sleep(1)
+            # --- REINTRODUCED COUNTDOWN END ---
+            
+            yield "✅ Post live! 🔍 Retrieving your post link...", gr.update(visible=False)
+            
+            try:
+                # 7. Attempt to FETCH the post URL
+                post_api_url = "https://api.linkedin.com/rest/posts"
+                headers = {
+                    "Authorization": f"Bearer {token}",
+                    "LinkedIn-Version": "202510",
+                    "X-Restli-Protocol-Version": "2.0.0"
+                }
+                params = {
+                    "q": "author",
+                    "author": f"urn:li:organization:{organisationNumber}",
+                    "count": 1 # Get the single most recent post
+                }
+
+                fetch_response = requests.get(post_api_url, headers=headers, params=params, timeout=30)
+
+                if fetch_response.status_code == 200:
+                    fetch_data = fetch_response.json()
+                    if fetch_data.get("elements") and len(fetch_data["elements"]) > 0:
+                        post_id_urn = fetch_data["elements"][0]["id"] # e.g., "urn:li:share:12345"
+                        # Handle both URN formats
+                        if "share" in post_id_urn:
+                            post_id = post_id_urn.split(":")[-1]
+                            post_url = f"https://www.linkedin.com/feed/update/urn:li:share:{post_id}/"
+                        elif "activity" in post_id_urn:
+                             post_id = post_id_urn.split(":")[-1]
+                             post_url = f"https://www.linkedin.com/feed/update/urn:li:activity:{post_id}/"
+                        else:
+                             raise Exception("Unknown post URN format")
+                        
+                        print(f"Post URL: {post_url}")
+                        yield "✅ Post published successfully!", gr.update(value=f"### 🎉 [Click here to view your post on LinkedIn →]({post_url})", visible=True)
+                        return
+                
+                # If fetch failed or no posts found
+                yield "✅ Post published! (Could not auto-retrieve post link. Please check the LinkedIn page.)", gr.update(visible=False)
+                
+            except Exception as fetch_error:
+                print(f"Error fetching post: {fetch_error}")
+                yield f"✅ Post published! (Error retrieving link: {fetch_error})", gr.update(visible=False)
+        
         else:
-            error_msg = f"❌ Error {response.status_code}: {response.text}"
-            print(error_msg)  # Debug log
-            return error_msg, gr.update(visible=False)
+            # 8. Handle POST errors gracefully
+            try:
+                error_data = response.json()
+                error_message = error_data.get('message', response.text)
+            except requests.exceptions.JSONDecodeError:
+                error_message = response.text
+            
+            error_msg = f"❌ Error {response.status_code}: {error_message}"
+            print(error_msg)
+            yield error_msg, gr.update(visible=False)
             
     except requests.exceptions.Timeout:
-        return "❌ Error: Request timed out. Please try again.", gr.update(visible=False)
+        yield "❌ Error: Request timed out. Please try again.", gr.update(visible=False)
     except requests.exceptions.RequestException as e:
-        return f"❌ Network Error: {str(e)}", gr.update(visible=False)
+        yield f"❌ Network Error: {str(e)}", gr.update(visible=False)
     except Exception as e:
-        return f"❌ Error: {str(e)}", gr.update(visible=False)
+        yield f"❌ Error: {str(e)}", gr.update(visible=False)
+    
 
-# Create Gradio interface
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
-    gr.Markdown("# 🔗 FeedHire LinkedIn Job Poster")
-    gr.Markdown("Post job listings directly to your LinkedIn organization page")
+# --- Polished Gradio Interface ---
+
+custom_css = """
+#title-link a { text-decoration: none; color: #0A66C2; }
+#title-link a:hover { text-decoration: underline; }
+#success-link-box { 
+    text-align: center; 
+    padding: 1rem; 
+    background-color: #E7F3FF; 
+    border-radius: 8px; 
+}
+#success-link-box a { font-size: 1.1rem; font-weight: bold; }
+#benefits-box { 
+    background-color: #f7f9fb; /* Light background for the right panel */
+    padding: 15px; 
+    border-radius: 8px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+}
+"""
+
+with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
+
+    # Global Header Section
+    with gr.Row():
+        gr.Image(
+            value="feedhire_logo.png", # NOTE: Ensure this image file is accessible or use a public URL
+            show_label=False,
+            show_download_button=False,
+            container=False,
+            height=80,
+            width=80,
+        )
     
+    gr.Markdown(
+        f"<h1 style='text-align: left;' id='title-link'>LinkedIn Job Poster for <a href='https://www.linkedin.com/company/{organisationNumber}/' target='_blank'>FEEDHIREJOBS PAGE</a></h1>"
+    )
+
+    gr.Markdown(
+        "<p style='text-align: left;'>Post job listings directly to the FeedHireJobs LinkedIn page</p>"
+    )
+
+    gr.Markdown("""
+<p style="text-align: center;">
+( Once your job is posted on our LinkedIn page, it will soon be visible at 
+<a href="https://feedhire.me/" target="_blank" style="color:#0073b1; text-decoration:none; font-weight:bold;">
+FEEDHIRE.ME
+</a> )
+</p>
+""")
+
+
     # Show configuration status
     if missing_vars:
-        gr.Markdown(f"### ⚠️ Configuration Error\nMissing Secrets: {', '.join(missing_vars)}")
+        gr.Warning(f"Configuration Error: Missing Secrets: {', '.join(missing_vars)}. Please check your Hugging Face Spaces configuration.")
+        
+
     
-    with gr.Row():
-        with gr.Column():
+    ## 🎯 Job Posting Panel
+    
+    # Two-Column Layout (The core change)
+    with gr.Row(equal_height=True):
+        
+        # LEFT COLUMN (FORM INPUTS)
+        with gr.Column(scale=1):
+            
             name_input = gr.Textbox(
-                label="Name",
-                placeholder="Enter your name",
+                label="Your Name",
+                placeholder="e.g., Aandu Pandu",
                 lines=1
             )
             job_post_input = gr.Textbox(
-                label="Job Post",
-                placeholder="Enter job post details",
+                label="Job Post Content",
+                placeholder="Enter the full job post details here...\n\n- Role: ...\n- Responsibilities: ...\n- Description: ...\n- Location: ...\n- How to Apply: ...\n",
                 lines=10
             )
-            submit_btn = gr.Button("Submit to LinkedIn", variant="primary")
-    
-    with gr.Row():
-        output = gr.Textbox(label="Status", lines=2)
-    
-    with gr.Row():
-        success_link = gr.Markdown(
-            "### [📋 Check your posted jobs →](https://feedhire.me/)",
-            visible=False
-        )
-    
+
+            submit_btn = gr.Button("🚀 Post to LinkedIn", variant="primary", size="lg")
+            
+            output = gr.Textbox(label="Status", lines=2, interactive=False)
+            
+            success_link = gr.Markdown(
+                "",  # Will be dynamically set
+                visible=False,
+                elem_id="success-link-box" # For CSS styling
+            )
+
+        # RIGHT COLUMN (BENEFITS/MARKETING)
+        with gr.Column(scale=1, elem_id="benefits-box"):
+            
+            gr.Markdown("### <span style='color: black;'>🌟 Why Post Jobs on FeedHire Page?</span>")
+            
+            # Note: Replace this with a suitable marketing image if you have one.
+            # Using a public domain image placeholder for now.
+            gr.Image(
+                value="analytics_map.png", # Placeholder for a marketing graphic/image
+                show_label=False,
+                show_download_button=False,
+                container=False,
+                height=400,
+                width=600,
+            )
+
+            # Benefit 1
+            gr.Markdown("""
+            <span style="color:black;">
+            <b style="color:black;">🌍 Reach a Larger Audience:</b> Tap into FeedHire’s network and LinkedIn’s organic reach.
+            </span>
+            """)
+
+            gr.Markdown("""
+            <span style="color:black;">
+            <b style="color:black;">💬 Get More Responses:</b> Attract higher engagement and better applicants.
+            </span>
+            """)
+
+            # Benefit 2
+            gr.Markdown("""
+            <span style="color:black;">
+            <b style="color:black;"> 💯 Free to Use:</b> no hidden costs, no subscriptions, just genuine visibility.
+            </span>
+            """)
+
+            # Benefit 3
+            gr.Markdown("""
+            <span style="color:black;">
+            <b style="color:black;">🔗 Seamless Integration:</b> Post once — visible on <a href="https://www.linkedin.com/company/109539782/" target="_blank" style="color:blue; text-decoration:none; font-weight:bold;">LINKEDIN</a> and 
+            <a href="https://feedhire.me/" target="_blank" style="color:blue; text-decoration:none; font-weight:bold;">FEEDHIRE.ME</a>.
+            </span>
+            """)
+
+
+
+
+            # --- Benefits Section ---
+
+    gr.Markdown("""
+    ### 🌎 Why Choose FeedHire?
+
+    ---
+
+    **1️⃣ Global Reach**  
+    <span style="color: white;">
+    Connect with nearly <b style="color:white;">1,000+ active users</b> from around the world — including professionals from the 
+    <b style="color:white;">US, UK, India, Nigeria, Germany</b>, and more.
+    </span>
+
+    ---
+
+    **2️⃣ 100% Free to Use**  
+    <span style="color: white;">
+    Post jobs without spending a penny — no hidden costs, no subscriptions, just genuine visibility.
+    </span>
+
+    ---
+
+    **3️⃣ Safe & Legal**  
+    <span style="color: white;">
+    All job posts are verified and comply with platform and regional policies, ensuring a transparent and trustworthy experience.
+    </span>
+
+    ---
+    """)
+
+
+    # Click Action
     submit_btn.click(
         fn=post_to_linkedin,
         inputs=[name_input, job_post_input],
-        outputs=[output, success_link]
+        outputs=[output, success_link],
+        show_progress="full"
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(allowed_paths=["."])