From 336e2a20eae3c78ea033df4d186bbcd7b5771b4a Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Wed, 8 May 2024 13:09:25 +0530
Subject: [PATCH] add mail option in help modal

---
 src/components/HelpModal.jsx | 11 +++++++++++
 src/components/Icons.jsx     |  3 +++
 2 files changed, 14 insertions(+)

diff --git a/src/components/HelpModal.jsx b/src/components/HelpModal.jsx
index 3b7b899..fb2eba9 100644
--- a/src/components/HelpModal.jsx
+++ b/src/components/HelpModal.jsx
@@ -1,3 +1,4 @@
+import { Icon } from './Icons';
 import Modal from './Modal';
 import { Stack, VStack } from './Stack';
 import { Button } from './common';
@@ -68,6 +69,7 @@ export function HelpModal(props) {
 						rel="noopener noreferrer"
 						class="btn btn-icon"
 					>
+						<Icon name="twitter-icon" />
 						<Trans>Share Web Maker</Trans>
 					</a>{' '}
 					<a
@@ -103,6 +105,15 @@ export function HelpModal(props) {
 						</svg>
 						<Trans>Report a bug</Trans>
 					</a>
+					<a
+						href="mailto:chinchang457@gmail.com"
+						target="_blank"
+						rel="noopener noreferrer"
+						class="btn btn-icon"
+					>
+						<Icon name="email" />
+						<Trans>Mail me</Trans>
+					</a>
 				</p>
 
 				<p>
diff --git a/src/components/Icons.jsx b/src/components/Icons.jsx
index 1519d27..ca80429 100644
--- a/src/components/Icons.jsx
+++ b/src/components/Icons.jsx
@@ -128,6 +128,9 @@ export function Icons() {
 				<symbol id="check-circle" viewBox="0 0 24 24">
 					<path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z" />
 				</symbol>
+				<symbol id="email" viewBox="0 0 24 24">
+					<path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" />
+				</symbol>
 				<symbol id="fork" viewBox="0 0 24 24">
 					<path d="M13 14c-3.36 0-4.46 1.35-4.82 2.24C9.25 16.7 10 17.76 10 19a3 3 0 0 1-3 3 3 3 0 0 1-3-3c0-1.31.83-2.42 2-2.83V7.83A2.99 2.99 0 0 1 4 5a3 3 0 0 1 3-3 3 3 0 0 1 3 3c0 1.31-.83 2.42-2 2.83v5.29c.88-.65 2.16-1.12 4-1.12 2.67 0 3.56-1.34 3.85-2.23A3.006 3.006 0 0 1 14 7a3 3 0 0 1 3-3 3 3 0 0 1 3 3c0 1.34-.88 2.5-2.09 2.86C17.65 11.29 16.68 14 13 14m-6 4a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1M7 4a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1m10 2a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1Z" />
 				</symbol>