Skip to content

Commit 31a6872

Browse files
github-actions[bot]macintusharpabss-ai2
authored
fix(CE): confirm email template (#978) (#674)
Co-authored-by: Tushar Selvakumar <[email protected]> Co-authored-by: Pablo Rivera Bengoechea <[email protected]>
1 parent 26e3485 commit 31a6872

File tree

4 files changed

+558
-557
lines changed

4 files changed

+558
-557
lines changed

Diff for: ‎server/app/views/devise/mailer/confirmation_instructions.html.erb

+146-151
Original file line numberDiff line numberDiff line change
@@ -2,170 +2,165 @@
22
<% query_params = { email:@resource.email, confirmation_token: @token } %>
33
<% confirmation_url = "#{ENV['UI_HOST']}/verify-user?#{query_params.to_query}" %>
44
<html>
5-
<body
6-
style="
7-
margin: 0;
8-
text-align: center;
9-
height: 100vh;
10-
width: 100vw;
11-
padding: 20px;
12-
display: flex;
13-
justify-content: center;
14-
align-items: center;
15-
"
16-
>
17-
<table style="margin: 0; padding: 0; border-collapse: collapse">
18-
<tr>
19-
<td valign="middle">
20-
<table
21-
style="
22-
width: 100%;
23-
max-width: 600px;
24-
background: #f9fafb;
25-
padding: 20px;
26-
border-radius: 12px;
27-
border: 1px #eaecf0 solid;
28-
"
29-
>
30-
<tr>
31-
<td style="text-align: center; padding: 12px">
32-
<img
33-
src="https://squared.ai/wp-content/uploads/2024/04/ai-squared-r-logo.png"
34-
style="width: 100%; max-width: 178px"
35-
alt="AI Squared Logo"
36-
/>
37-
</td>
38-
</tr>
39-
<tr>
40-
<td
41-
style="
42-
background: white;
43-
border-radius: 8px;
44-
border: 1px #eaecf0 solid;
45-
padding: 48px 16px;
46-
text-align: center;
47-
"
48-
>
49-
<h1
5+
<head>
6+
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
7+
</head>
8+
<body style="margin: 0; text-align: center; padding: 20px">
9+
<div style="display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;">
10+
<table style="margin: 0; padding: 0; border-collapse: collapse">
11+
<tr>
12+
<td valign="middle">
13+
<table
14+
style="
15+
width: 600px;
16+
max-width: 600px;
17+
background: #f9fafb;
18+
padding: 20px;
19+
border-radius: 12px;
20+
border: 1px #eaecf0 solid;
21+
"
22+
>
23+
<tr>
24+
<td style="text-align: center; padding: 12px">
25+
<img
26+
src="https://squared.ai/wp-content/uploads/2024/04/ai-squared-r-logo.png"
27+
style="width: 100%; max-width: 178px"
28+
alt="AI Squared Logo"
29+
/>
30+
</td>
31+
</tr>
32+
<tr>
33+
<td
5034
style="
51-
color: #101828;
52-
font-size: 28px;
53-
font-family: Helvetica, Arial, sans-serif;
54-
font-weight: 700;
55-
line-height: 36px;
56-
margin: 0;
57-
"
58-
>
59-
Verify your email
60-
</h1>
61-
<p
62-
style="
63-
color: #475467;
64-
font-size: 14px;
65-
font-family: Helvetica, Arial, sans-serif;
66-
font-weight: 400;
67-
line-height: 20px;
35+
background: white;
36+
border-radius: 8px;
37+
border: 1px #eaecf0 solid;
38+
padding: 48px 16px;
39+
text-align: center;
6840
"
6941
>
70-
To complete signup and start using AI Squared, just click the verification button below.
71-
</p>
72-
<a
73-
href="<%= confirmation_url %>"
74-
style="display: inline-block; text-decoration: none"
75-
>
76-
<button
42+
<h1
7743
style="
78-
background: #00249c;
79-
border: none;
80-
border-radius: 6px;
81-
color: white;
44+
color: #101828;
45+
font-size: 28px;
46+
font-family: Helvetica, Arial, sans-serif;
47+
font-weight: 700;
48+
line-height: 36px;
49+
margin: 0;
50+
"
51+
>
52+
Verify your email
53+
</h1>
54+
<p
55+
style="
56+
color: #475467;
57+
font-size: 14px;
58+
font-family: Helvetica, Arial, sans-serif;
59+
font-weight: 400;
60+
line-height: 20px;
61+
"
62+
>
63+
To complete signup and start using AI Squared, just click the verification button below.
64+
</p>
65+
<a
66+
href="<%= confirmation_url %>"
67+
style="display: inline-block; text-decoration: none"
68+
>
69+
<button
70+
style="
71+
background: #00249c;
72+
border: none;
73+
border-radius: 6px;
74+
color: white;
75+
font-size: 14px;
76+
font-family: Helvetica, Arial, sans-serif;
77+
font-weight: 700;
78+
line-height: 20px;
79+
padding: 10px 20px;
80+
cursor: pointer;
81+
"
82+
>
83+
Verify Email
84+
</button>
85+
</a>
86+
</td>
87+
</tr>
88+
<tr>
89+
<td style="padding: 12px; text-align: left">
90+
<p
91+
style="
92+
color: #98a2b3;
93+
font-size: 14px;
94+
font-family: Helvetica, Arial, sans-serif;
95+
font-weight: 400;
96+
line-height: 20px;
97+
margin: 0;
98+
"
99+
>
100+
This link will expire after it is clicked once. Please use it
101+
to verify your email.
102+
</p>
103+
<p
104+
style="
105+
color: #101828;
82106
font-size: 14px;
83107
font-family: Helvetica, Arial, sans-serif;
84108
font-weight: 700;
85109
line-height: 20px;
86-
padding: 10px 20px;
87-
cursor: pointer;
110+
margin: 0;
88111
"
89112
>
90-
Verify Email
91-
</button>
92-
</a>
93-
</td>
94-
</tr>
95-
<tr>
96-
<td style="padding: 12px; text-align: left">
97-
<p
113+
<br />Cheers,<br />Team AI Squared
114+
</p>
115+
</td>
116+
</tr>
117+
<tr>
118+
<td
98119
style="
120+
padding: 12px;
121+
text-align: left;
122+
font-size: 12px;
99123
color: #98a2b3;
100-
font-size: 14px;
101124
font-family: Helvetica, Arial, sans-serif;
102-
font-weight: 400;
103-
line-height: 20px;
104-
margin: 0;
125+
display: flex;
126+
flex-direction: row;
127+
justify-content: space-between;
105128
"
106129
>
107-
This link will expire after it is clicked once. Please use it to verify your email.
108-
</p>
109-
<p
110-
style="
111-
color: #101828;
112-
font-size: 14px;
113-
font-family: Helvetica, Arial, sans-serif;
114-
font-weight: 700;
115-
line-height: 20px;
116-
margin: 0;
117-
"
118-
>
119-
<br />Cheers,<br />Team AI Squared
120-
</p>
121-
</td>
122-
</tr>
123-
<tr>
124-
<td
125-
style="
126-
padding: 12px;
127-
text-align: left;
128-
font-size: 12px;
129-
color: #98a2b3;
130-
font-family: Helvetica, Arial, sans-serif;
131-
display: flex;
132-
flex-direction: row;
133-
justify-content: space-between;
134-
"
135-
>
136-
<div>
137-
<p style="margin: 0">
138-
<a
139-
href="#"
140-
style="color: #98a2b3; text-decoration: underline"
141-
>Our blog</a
142-
>
143-
|
144-
<a
145-
href="#"
146-
style="color: #98a2b3; text-decoration: underline"
147-
>Docs</a
148-
>
149-
|
150-
<a
151-
href="#"
152-
style="color: #98a2b3; text-decoration: underline"
153-
>Contact Us</a
154-
>
155-
</p>
156-
<p style="margin: 0">
157-
© 2024 AI Squared. All Rights Reserved.
158-
</p>
159-
</div>
160-
<div style="text-align: end">
161-
<p style="margin: 0">AI Squared, 1300 I Street NW,</p>
162-
<p style="margin: 0">Suite 400 E, Washington, DC 20005</p>
163-
</div>
164-
</td>
165-
</tr>
166-
</table>
167-
</td>
168-
</tr>
169-
</table>
130+
<div>
131+
<p style="margin: 0">
132+
<a
133+
href="https://blog.squared.ai/"
134+
style="color: #98a2b3; text-decoration: underline"
135+
>Our blog</a
136+
>
137+
|
138+
<a
139+
href="https://docs.squared.ai/"
140+
style="color: #98a2b3; text-decoration: underline"
141+
>Docs</a
142+
>
143+
|
144+
<a
145+
href="https://squared.ai/contact/"
146+
style="color: #98a2b3; text-decoration: underline"
147+
>Contact Us</a
148+
>
149+
</p>
150+
<p style="margin: 0">
151+
© 2025 AI Squared. All Rights Reserved.
152+
</p>
153+
</div>
154+
<div style="text-align: end">
155+
<p style="margin: 0">AI Squared, 1300 I Street NW,</p>
156+
<p style="margin: 0">Suite 400 E, Washington, DC 20005</p>
157+
</div>
158+
</td>
159+
</tr>
160+
</table>
161+
</td>
162+
</tr>
163+
</table>
164+
</div>
170165
</body>
171-
</html>
166+
</html>

0 commit comments

Comments
 (0)