Update Data_Fetching_and_Rendering.py

Data_Fetching_and_Rendering.py

@@ -287,3 +287,67 @@ def fetch_posts_and_stats(comm_client_id, community_token, count=10):
         })
 
     return combined_posts, org_name
+
+def render_post_cards(posts, org_name):
+    """Generates HTML to display posts as cards."""
+    safe_org_name = html.escape(org_name) if org_name else "Your Organization"
+    if not posts:
+        return f"<h2 style='text-align: center; color: #555;'>No recent posts found for {safe_org_name}.</h2>"
+
+    cards_html = f"<h2 style='text-align: center; margin-bottom: 20px;'>Recent Posts for {safe_org_name}</h2><div style='display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;'>"
+    for p in posts:
+        # Text is already escaped in fetch_posts_and_stats
+        cards_html += f"""
+        <div style="border: 1px solid #ccc; border-radius: 8px; padding: 15px; margin: 5px; width: 280px;
+                    box-shadow: 2px 2px 5px rgba(0,0,0,0.1); background-color: #fff; display: flex;
+                    flex-direction: column; justify-content: space-between; min-height: 220px; /* Adjusted min-height */">
+            <div>
+                <div style="font-size: 0.8em; color: #666; margin-bottom: 8px; border-bottom: 1px dashed #eee; padding-bottom: 5px;">{p['when']}</div>
+                <div style="font-size: 0.95em; margin-bottom: 12px; word-wrap: break-word; max-height: 120px; overflow-y: auto; padding-right: 5px;">{p['text']}</div>
+            </div>
+            <div style="font-size: 0.9em; color: #333; border-top: 1px solid #eee; padding-top: 10px; margin-top: auto; line-height: 1.6;">
+                <span title="Impressions">👁️ {p.get('impressions', 0):,}</span> |
+                <span title="Likes">👍 {p.get('likes', 0):,}</span> |
+                <span title="Comments">💬 {p.get('comments', 0):,}</span> |
+                <span title="Shares">🔗 {p.get('shares', 0):,}</span> |
+                <span title="Clicks">🖱️ {p.get('clicks', 0):,}</span><br>
+                <span title="Engagement Rate" style="font-weight: bold;">📈 {p.get('engagement', '0.00%')}</span>
+            </div>
+        </div>
+        """
+    cards_html += "</div>"
+    return cards_html
+
+def fetch_and_render_dashboard(comm_client_id, community_token):
+    """Orchestrates fetching post data and rendering the dashboard."""
+    print("--- Rendering Dashboard ---")
+    if not comm_client_id: # Community token not strictly needed for this fetch anymore
+        print("ERROR: comm_client_id missing for dashboard rendering.")
+        return "<p style='color: red; text-align: center; font-weight: bold;'>❌ Error: Missing LinkedIn Marketing token. Please complete the login process on the 'Login' tab.</p>"
+    try:
+        print("Fetching posts and stats for dashboard...")
+        # Pass only the necessary token
+        posts_data, org_name = fetch_posts_and_stats(comm_client_id, community_token) # community_token kept for signature consistency
+        print(f"Rendering {len(posts_data)} posts for {org_name}.")
+        if not org_name:
+             org_name = "[Organization Name Not Found]" # Handle case where org name wasn't fetched
+        return render_post_cards(posts_data, org_name)
+    except ValueError as ve: # Catch specific errors like missing orgs or token issues
+        print(f"VALUE ERROR during dashboard fetch: {ve}")
+        # Use display_error to format the message for HTML/Markdown
+        error_update = display_error(f"Configuration or API Error: {ve}", ve)
+        return error_update.get('value', "<p style='color: red; text-align: center;'>❌ A configuration or API error occurred.</p>")
+    except requests.exceptions.RequestException as re:
+        print(f"HTTP ERROR during dashboard fetch: {re}")
+        status_code = re.response.status_code if re.response else "N/A"
+        error_update = display_error(f"API Request Failed (Status: {status_code}). Check permissions/scopes or API status.", re)
+        return error_update.get('value', f"<p style='color: red; text-align: center;'>❌ API Error: {status_code}. Check console logs.</p>")
+    except Exception as e:
+        print(f"UNEXPECTED ERROR during dashboard fetch: {e}")
+        error_update = display_error("Failed to fetch or render dashboard data.", e)
+        error_html = error_update.get('value', "<p style='color: red; text-align: center;'>❌ An unexpected error occurred. Check console logs.</p>")
+        # Ensure the error message is HTML-safe
+        if isinstance(error_html, str) and not error_html.strip().startswith("<"):
+             error_html = f"<pre style='color: red; white-space: pre-wrap;'>{html.escape(error_html)}</pre>"
+        return error_html
+