Spaces:

habulaj
/

connect

Paused

App Files Files Community

habulaj commited on Apr 23

Commit

b6a7053

verified ·

1 Parent(s): 5ef84b9

Update routes/support.py

Browse files

Files changed (1) hide show

routes/support.py +81 -92

routes/support.py CHANGED Viewed

@@ -187,102 +187,91 @@ async def respond_ticket(
             support_data = await support_resp.json()
             support_name = support_data[0].get("name", "Support Team")
-    # E-mail HTML atualizado com o novo estilo e temas de cor
     email_html = f"""\
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="color-scheme" content="light dark">
-      <title>Support Email</title>
-      <style>
-        :root {{
-          color-scheme: light dark;
-        }}
-        @media (prefers-color-scheme: dark) {{
-          body {{
-            background-color: #121212 !important;
-            color: #e0e0e0 !important;
-          }}
-          .email-container {{
-            background-color: #1e1e1e !important;
-            border-color: #333333 !important;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
-          }}
-          .divider {{
-            border-color: #333333 !important;
-          }}
-          .subtle-text {{
-            color: #a0a0a0 !important;
-          }}
-          .signature {{
-            background-color: #252525 !important;
-          }}
-          .footer {{
-            color: #848484 !important;
-          }}
-        }}
-      </style>
-    </head>
-    <body style="margin: 0; padding: 0; background-color: #f5f5f5; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333333; line-height: 1.6;">
-      <table width="100%" cellpadding="0" cellspacing="0" style="max-width: 620px; margin: 0 auto; padding: 30px 15px;">
-        <tr>
-          <td>
-            <table class="email-container" width="100%" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 8px; overflow: hidden; border: 1px solid #e6e6e6; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);">
-              <tr>
-                <td style="padding: 30px 35px 10px; text-align: right;">
-                  <span class="subtle-text" style="font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #999999;">Ameddes Support</span>
-                </td>
-              </tr>
-              <tr>
-                <td style="padding: 10px 35px 25px;">
-                  <table width="100%" cellpadding="0" cellspacing="0">
-                    <tr>
-                      <td class="divider" style="border-top: 1px solid #eeeeee; padding-top: 25px;">
-                        <p style="margin-top: 0; font-size: 15px;">Hello {first_name},</p>
-                        <p style="font-size: 15px;">My name is {support_name} from the Ameddes Support team.</p>
-                        <p style="font-size: 15px;">Thank you for reaching out to us. We understand your frustration when encountering difficulties accessing our service.</p>
-                        <p style="font-size: 15px;">Currently, Streamify is temporarily unavailable while we implement significant improvements. We are developing a new version of the platform that will be available soon for iOS and Android.</p>
-                        <p style="font-size: 15px;">We're working to ensure the service returns as soon as possible, with an even better experience for you.</p>
-                        <p style="font-size: 15px;">For updates, follow us on Instagram: @ameddesbrasil</p>
-                        <p style="font-size: 15px;">I'm available if you need any additional information.</p>
-                      </td>
-                    </tr>
-                  </table>
-                </td>
-              </tr>
-              <tr>
-                <td class="signature" style="background-color: #f9f9f9; padding: 25px 35px;">
-                  <p style="margin: 0; font-size: 15px;">Best regards,</p>
-                  <p style="margin: 4px 0 0; font-size: 15px;">{support_name}</p>
-                  <p class="subtle-text" style="margin: 3px 0 0; font-size: 13px; color: #777777;">User Support Specialist</p>
-                  <p class="subtle-text" style="margin: 0; font-size: 13px; color: #777777;">Ameddes</p>
-                </td>
-              </tr>
-              <tr>
-                <td class="footer" style="padding: 20px 35px; font-size: 12px; color: #999999; text-align: center;">
-                  <p style="margin: 0;">This is an automated email. Please reply directly to this message if you need further assistance.</p>
-                </td>
-              </tr>
-            </table>
-          </td>
-        </tr>
-      </table>
-    </body>
-    </html>
-    """
     # Envio de e-mail
     access_token = await get_gmail_access_token()
-    subject = f"Support – Case {payload.ticket_id}"
     raw_message = f"""To: {user_email}
 From: "ClosetCoach" <[email protected]>

             support_data = await support_resp.json()
             support_name = support_data[0].get("name", "Support Team")
+    # E-mail HTML atualizado em inglês e sem borda branca
     email_html = f"""\
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <style>
+      body {{
+        margin: 0;
+        padding: 0;
+        background-color: #f4f4f4;
+        font-family: 'Arial', sans-serif;
+      }}
+      .email-container {{
+        width: 100%;
+        background-color: #f4f4f4;
+        padding: 30px 0;
+      }}
+      .email-content {{
+        width: 600px;
+        background-color: #ffffff;
+        margin: 0 auto;
+        padding: 40px;
+        border-radius: 8px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+      }}
+      .email-header {{
+        text-align: right;
+        padding-bottom: 20px;
+      }}
+      .email-header img {{
+        width: 120px;
+        height: auto;
+      }}
+      .email-body {{
+        font-size: 16px;
+        line-height: 1.6;
+        color: #333;
+        margin-bottom: 30px;
+      }}
+      .email-body p {{
+        margin: 10px 0;
+      }}
+      .button {{
+        display: inline-block;
+        background-color: #007bff;
+        color: #ffffff;
+        padding: 12px 24px;
+        text-decoration: none;
+        border-radius: 5px;
+        font-weight: bold;
+        text-align: center;
+        margin-top: 20px;
+      }}
+      .footer {{
+        text-align: center;
+        font-size: 12px;
+        color: #888;
+        padding-top: 20px;
+      }}
+    </style>
+  </head>
+  <body>
+    <div class="email-container">
+      <div class="email-content">
+        <div class="email-header">
+          <img src="https://storage.googleapis.com/flutterflow-io-6f20.appspot.com/projects/saa-s-cloud-file-management-dashboard-u57zo5/assets/5l30gd1xml6i/Frame_1.png" alt="Logo" />
+        </div>
+        <div class="email-body">
+          <p>Hi {first_name},</p>
+          <p>{payload.content}</p>
+          <a href="https://www.instagram.com/ameddesbrasil" class="button">Follow us on Instagram</a>
+        </div>
+        <div class="footer">
+          <p>Best regards,<br>{support_name}<br>Customer Support</p>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
+"""
     # Envio de e-mail
     access_token = await get_gmail_access_token()
+    subject = f"Customer Support - Case {payload.ticket_id}"
     raw_message = f"""To: {user_email}
 From: "ClosetCoach" <[email protected]>