Spaces:

habulaj
/

connect

Paused

App Files Files Community

habulaj commited on Apr 24

Commit

c1b25ee

verified ·

1 Parent(s): e782925

Update routes/support.py

Browse files

Files changed (1) hide show

routes/support.py +32 -45

routes/support.py CHANGED Viewed

@@ -195,7 +195,7 @@ async def respond_ticket(
             user_name = user_data[0].get("name", "user").strip()
             first_name = user_name.split(" ")[0] if user_name else "user"
-    # 4. Send email with updated HTML template
     access_token = await get_gmail_access_token()
     subject = f"Customer Support - Case {payload.ticket_id}"
@@ -204,51 +204,38 @@ async def respond_ticket(
     <html lang="en">
     <head>
         <meta charset="UTF-8" />
     </head>
-    <body style="margin:0;padding:0;background-color:#f5f5f5;">
-        <table width="650" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto">
-            <tbody>
-                <tr>
-                    <td width="100%">
-                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" style="margin:0 auto;border:1px solid #d2d2d2;border-radius:4px">
-                            <tbody>
-                                <tr>
-                                    <td bgcolor="#ffffff" width="100%" height="15"></td>
-                                </tr>
-                                <tr>
-                                    <td align="right" bgcolor="#ffffff" style="padding:0 15px 0 15px">
-                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
-                                            <tbody>
-                                                <tr>
-                                                    <td bgcolor="#ffffff" align="right" height="24" style="display:block">
-                                                        <img src="https://storage.googleapis.com/flutterflow-io-6f20.appspot.com/projects/saa-s-cloud-file-management-dashboard-u57zo5/assets/5l30gd1xml6i/Frame_1.png" width="26" height="14" border="0" alt="" />
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td bgcolor="#ffffff" style="padding:15px 30px 30px">
-                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed">
-                                            <tbody>
-                                                <tr>
-                                                    <td style="font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;color:#333333;font-size:14px;line-height:1.6;word-wrap:break-word">
-                                                        <p style="margin:0 0 12px 0">Hello {first_name},</p>
-                                                        {payload.content}
-                                                        <p style="margin:16px 0 0 0">Best regards,</p>
-                                                        <p style="margin:4px 0 0 0">{support_name}<br>Customer Support</p>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </td>
-                </tr>
-            </tbody>
         </table>
     </body>
     </html>

             user_name = user_data[0].get("name", "user").strip()
             first_name = user_name.split(" ")[0] if user_name else "user"
+    # 4. Send email with clean, elegant HTML template
     access_token = await get_gmail_access_token()
     subject = f"Customer Support - Case {payload.ticket_id}"
     <html lang="en">
     <head>
         <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     </head>
+    <body style="margin:0;padding:0;background-color:#f9f9f9;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
+        <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f9f9f9">
+            <tr>
+                <td align="center" style="padding:40px 10px;">
+                    <table width="600" cellpadding="0" cellspacing="0" border="0" style="background:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.1);">
+                        <tr>
+                            <td style="height:5px;background:linear-gradient(to right, #4a90e2, #50e3c2);"></td>
+                        </tr>
+                        <tr>
+                            <td style="padding:30px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;color:#333333;">
+                                <p style="margin:0 0 20px;font-size:15px;color:#333333;">Hello {first_name},</p>
+                                <div style="margin:0 0 20px;color:#333333;">
+                                    {payload.content}
+                                </div>
+                                <p style="margin:20px 0 0;font-size:15px;color:#333333;">Best regards,</p>
+                                <p style="margin:2px 0 0;font-size:15px;color:#333333;">{support_name}</p>
+                                <p style="margin:2px 0 0;font-size:14px;color:#666666;">Customer Support</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td style="height:1px;background:#f0f0f0;"></td>
+                        </tr>
+                        <tr>
+                            <td style="padding:20px;text-align:center;font-size:12px;color:#999999;">
+                                ClosetCoach © 2025
+                            </td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
         </table>
     </body>
     </html>