Skip to content

Commit 2035b0c

Browse files
yany0309yany0309
committed
fix: resolve follow-up email template lint issues
1 parent d3f5d9e commit 2035b0c

2 files changed

Lines changed: 312 additions & 320 deletions

File tree

‎src/components/CommunityPortal/Activities/FollowUpEmailTemplate.jsx‎

Lines changed: 147 additions & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -1,143 +1,147 @@
1-
import { useParams, Link } from 'react-router-dom';
2-
import { useSelector } from 'react-redux';
3-
import styles from './FollowUpEmailTemplate.module.css';
4-
import { FaLinkedin, FaInstagram, FaFacebook } from 'react-icons/fa';
5-
import companyLogo from '../../../assets/images/logo2.png';
6-
7-
function FollowUpEmailTemplate() {
8-
const { eventId = 1234, email = '' } = useParams();
9-
10-
// Dark mode state from Redux
11-
const darkMode = useSelector(state => state.theme.darkMode);
12-
13-
return (
14-
<div
15-
className={`${styles.emailTemplateContainer} ${
16-
darkMode ? styles.emailTemplateContainerDark : ''
17-
}`}
18-
>
19-
{/* Company Logo */}
20-
<img src={companyLogo} alt="One Community Logo" className={styles.emailLogo} />
21-
22-
<h2 className={`${styles.h2} ${darkMode ? styles.textLight : ''}`}>Hi {email || '[Name]'},</h2>
23-
24-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>
25-
We hope you enjoyed our recent event. Your feedback is valuable to us as we strive to
26-
improve our future events.
27-
</p>
28-
29-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>
30-
Please take a moment to share your thoughts:
31-
<br />
32-
<Link
33-
to={`/communityportal/activities/FeedbackForm/${eventId}/${email || 'no-email'}`}
34-
className={`${styles.feedbackLink} ${darkMode ? styles.feedbackLinkDark : ''}`}
35-
>
36-
Survey Form
37-
</Link>
38-
</p>
39-
40-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>If you'd like to:</p>
41-
<ul className={`${styles.ul} ${darkMode ? styles.textLight : ''} ${darkMode ? styles.linkSoftDark : ''}`}>
42-
<li>
43-
Reschedule: <a href="https://www.onecommunityevents.org/reschedule">Reschedule Link</a>
44-
</li>
45-
<li>
46-
Register for alternative events:{' '}
47-
<a href="https://www.onecommunityevents.org/alternative-events">Alternative Events</a>
48-
</li>
49-
</ul>
50-
51-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>Best regards,</p>
52-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>One Community Team</p>
53-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>Primary Email: jae@onecommunityglobal.org</p>
54-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>Google Email: onecommunityglobal@gmail.com</p>
55-
<p className={`${styles.p} ${darkMode ? styles.textLight : ''}`}>Timezone: Los Angeles, CA - Pacific Time</p>
56-
57-
{/* Divider */}
58-
<hr className={`${styles.emailDivider} ${darkMode ? styles.emailDividerDark : ''}`} />
59-
60-
{/* Social Icons */}
61-
<div className={`${styles.socialIcons} ${darkMode ? styles.socialIconsDark : ''}`}>
62-
<a
63-
href="https://www.linkedin.com/company/one-community-global/"
64-
target="_blank"
65-
rel="noopener noreferrer"
66-
aria-label="LinkedIn"
67-
>
68-
<FaLinkedin className={`${styles.socialIcon} ${styles.linkedin}`} />
69-
</a>
70-
71-
<a
72-
href="https://www.instagram.com/onecommunityglobal/?hl=en"
73-
target="_blank"
74-
rel="noopener noreferrer"
75-
aria-label="Instagram"
76-
>
77-
<FaInstagram className={`${styles.socialIcon} ${styles.instagram}`} />
78-
</a>
79-
80-
<a
81-
href="https://www.facebook.com/groups/forthehighestgoodofall/"
82-
target="_blank"
83-
rel="noopener noreferrer"
84-
aria-label="Facebook"
85-
>
86-
<FaFacebook className={`${styles.socialIcon} ${styles.facebook}`} />
87-
</a>
88-
</div>
89-
90-
{/* Divider */}
91-
<hr className={`${styles.emailDivider} ${darkMode ? styles.emailDividerDark : ''}`} />
92-
93-
<p
94-
style={{ fontWeight: 'bold', textAlign: 'center' }}
95-
className={`${styles.p} ${darkMode ? styles.textLight : ''}`}
96-
>
97-
Jae M.Sabol <br /> Executive Director - One Community <br />
98-
&quot;Open Source Sustainability for The Highest Good of All&quot;
99-
</p>
100-
101-
<p
102-
style={{ fontSize: '12px', textAlign: 'center' }}
103-
className={`${styles.p} ${darkMode ? styles.textLight : ''}`}
104-
>
105-
You are receiving this mail because you registered to join the One Community Global platform
106-
as a user or a creator. This also shows that you agree to our Terms of Use and Privacy
107-
Policies. If you no longer want to receive mails from us, click the unsubscribe link below.
108-
</p>
109-
110-
<div className={styles.footerLinksContainer}>
111-
<a
112-
href="https://onecommunityglobal.org/terms-and-conditions/"
113-
target="_blank"
114-
rel="noopener noreferrer"
115-
aria-label="Privacy Policy"
116-
className={styles.footerLinks}
117-
>
118-
Privacy Policy
119-
</a>
120-
<a
121-
href="https://onecommunityglobal.org/terms-and-conditions/"
122-
target="_blank"
123-
rel="noopener noreferrer"
124-
aria-label="Terms and Conditions"
125-
className={styles.footerLinks}
126-
>
127-
Terms and Conditions
128-
</a>
129-
<a
130-
href="https://onecommunityglobal.org/contact/"
131-
target="_blank"
132-
rel="noopener noreferrer"
133-
aria-label="Contact"
134-
className={styles.footerLinks}
135-
>
136-
Help Center
137-
</a>
138-
</div>
139-
</div>
140-
);
141-
}
142-
143-
export default FollowUpEmailTemplate;
1+
import { useSelector } from 'react-redux';
2+
import { FaFacebook, FaInstagram, FaLinkedin } from 'react-icons/fa';
3+
import { Link, useParams } from 'react-router-dom';
4+
import companyLogo from '../../../assets/images/logo2.png';
5+
import styles from './FollowUpEmailTemplate.module.css';
6+
7+
function FollowUpEmailTemplate() {
8+
const { eventId = 1234, email = '' } = useParams();
9+
const darkMode = useSelector(state => state.theme.darkMode);
10+
11+
const textClassName = `${styles.p} ${darkMode ? styles.textLight : ''}`;
12+
const dividerClassName = `${styles.emailDivider} ${darkMode ? styles.emailDividerDark : ''}`;
13+
const socialIconsClassName = `${styles.socialIcons} ${darkMode ? styles.socialIconsDark : ''}`;
14+
const listClassName = `${styles.ul} ${darkMode ? styles.textLight : ''} ${
15+
darkMode ? styles.linkSoftDark : ''
16+
}`;
17+
const feedbackLinkClassName = `${styles.feedbackLink} ${darkMode ? styles.feedbackLinkDark : ''}`;
18+
19+
return (
20+
<div
21+
className={`${styles.emailTemplateContainer} ${
22+
darkMode ? styles.emailTemplateContainerDark : ''
23+
}`}
24+
>
25+
<img src={companyLogo} alt="One Community Logo" className={styles.emailLogo} />
26+
27+
<h2 className={`${styles.h2} ${darkMode ? styles.textLight : ''}`}>
28+
Hi {email || '[Name]'},
29+
</h2>
30+
31+
<p className={textClassName}>
32+
We hope you enjoyed our recent event. Your feedback is valuable to us as we strive to
33+
improve our future events.
34+
</p>
35+
36+
<p className={textClassName}>
37+
Please take a moment to share your thoughts:
38+
<br />
39+
<Link
40+
to={`/communityportal/activities/FeedbackForm/${eventId}/${email || 'no-email'}`}
41+
className={feedbackLinkClassName}
42+
>
43+
Survey Form
44+
</Link>
45+
</p>
46+
47+
<p className={textClassName}>If you&apos;d like to:</p>
48+
<ul className={listClassName}>
49+
<li>
50+
Reschedule: <a href="https://www.onecommunityevents.org/reschedule">Reschedule Link</a>
51+
</li>
52+
<li>
53+
Register for alternative events:{' '}
54+
<a href="https://www.onecommunityevents.org/alternative-events">Alternative Events</a>
55+
</li>
56+
</ul>
57+
58+
<p className={textClassName}>Best regards,</p>
59+
<p className={textClassName}>One Community Team</p>
60+
<p className={textClassName}>Primary Email: jae@onecommunityglobal.org</p>
61+
<p className={textClassName}>Google Email: onecommunityglobal@gmail.com</p>
62+
<p className={textClassName}>Timezone: Los Angeles, CA - Pacific Time</p>
63+
64+
<hr className={dividerClassName} />
65+
66+
<div className={socialIconsClassName}>
67+
<a
68+
href="https://www.linkedin.com/company/one-community-global/"
69+
target="_blank"
70+
rel="noopener noreferrer"
71+
aria-label="LinkedIn"
72+
>
73+
<FaLinkedin className={`${styles.socialIcon} ${styles.linkedin}`} />
74+
</a>
75+
76+
<a
77+
href="https://www.instagram.com/onecommunityglobal/?hl=en"
78+
target="_blank"
79+
rel="noopener noreferrer"
80+
aria-label="Instagram"
81+
>
82+
<FaInstagram className={`${styles.socialIcon} ${styles.instagram}`} />
83+
</a>
84+
85+
<a
86+
href="https://www.facebook.com/groups/forthehighestgoodofall/"
87+
target="_blank"
88+
rel="noopener noreferrer"
89+
aria-label="Facebook"
90+
>
91+
<FaFacebook className={`${styles.socialIcon} ${styles.facebook}`} />
92+
</a>
93+
</div>
94+
95+
<hr className={dividerClassName} />
96+
97+
<p
98+
style={{ fontWeight: 'bold', textAlign: 'center' }}
99+
className={`${styles.p} ${darkMode ? styles.textLight : ''}`}
100+
>
101+
Jae M.Sabol <br /> Executive Director - One Community <br />
102+
&quot;Open Source Sustainability for The Highest Good of All&quot;
103+
</p>
104+
105+
<p
106+
style={{ fontSize: '12px', textAlign: 'center' }}
107+
className={`${styles.p} ${darkMode ? styles.textLight : ''}`}
108+
>
109+
You are receiving this mail because you registered to join the One Community Global platform
110+
as a user or a creator. This also shows that you agree to our Terms of Use and Privacy
111+
Policies. If you no longer want to receive mails from us, click the unsubscribe link below.
112+
</p>
113+
114+
<div className={styles.footerLinksContainer}>
115+
<a
116+
href="https://onecommunityglobal.org/terms-and-conditions/"
117+
target="_blank"
118+
rel="noopener noreferrer"
119+
aria-label="Privacy Policy"
120+
className={styles.footerLinks}
121+
>
122+
Privacy Policy
123+
</a>
124+
<a
125+
href="https://onecommunityglobal.org/terms-and-conditions/"
126+
target="_blank"
127+
rel="noopener noreferrer"
128+
aria-label="Terms and Conditions"
129+
className={styles.footerLinks}
130+
>
131+
Terms and Conditions
132+
</a>
133+
<a
134+
href="https://onecommunityglobal.org/contact/"
135+
target="_blank"
136+
rel="noopener noreferrer"
137+
aria-label="Contact"
138+
className={styles.footerLinks}
139+
>
140+
Help Center
141+
</a>
142+
</div>
143+
</div>
144+
);
145+
}
146+
147+
export default FollowUpEmailTemplate;

0 commit comments

Comments
 (0)