From 4a406957b5430d3c6c8d6cc67ecab7f898a4a8d4 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Wed, 11 Oct 2023 20:05:01 +0800
Subject: [PATCH] Added conversation icon

---
 .../DrawerSettings/CustomDrawerContent.tsx    |  3 +-
 src/icons/MessageIcon/MessageIcon.tsx         | 29 +++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/icons/MessageIcon/MessageIcon.tsx

diff --git a/src/components/DrawerSettings/CustomDrawerContent.tsx b/src/components/DrawerSettings/CustomDrawerContent.tsx
index f3eb5b8..48c31e2 100644
--- a/src/components/DrawerSettings/CustomDrawerContent.tsx
+++ b/src/components/DrawerSettings/CustomDrawerContent.tsx
@@ -24,6 +24,7 @@ import SubjectIcon from "../../icons/SubjectIcon/SubjectIcon";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { PatchStudentStatus } from "../Api/Api";
 import { useToast } from "react-native-toast-notifications";
+import MessageIcon from "../../icons/MessageIcon/MessageIcon";
 
 export default function CustomDrawerContent(props: {}) {
   const debug = false;
@@ -136,7 +137,7 @@ export default function CustomDrawerContent(props: {}) {
             navigation.navigate("Conversation");
           }}
         >
-          <SubjectIcon size={32} />
+          <MessageIcon size={32} />
           <Text style={styles.text_white_medium}>Conversation</Text>
         </DrawerButton>
         <DrawerButton
diff --git a/src/icons/MessageIcon/MessageIcon.tsx b/src/icons/MessageIcon/MessageIcon.tsx
new file mode 100644
index 0000000..dd88ccb
--- /dev/null
+++ b/src/icons/MessageIcon/MessageIcon.tsx
@@ -0,0 +1,29 @@
+import * as React from "react";
+import { IconProps } from "../../interfaces/Interfaces";
+
+import { Svg, Path } from "react-native-svg";
+import { colors } from "../../styles";
+
+export default function MessageIcon(props: IconProps) {
+  return (
+    <>
+      <Svg
+        width={props.size}
+        height={props.size}
+        viewBox="0 0 24 24"
+        strokeWidth="2"
+        stroke={colors.icon_color}
+        fill="none"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      >
+        <Path stroke="none" d="M0 0h24v24H0z" fill="none"></Path>
+        <Path d="M8 9h8"></Path>
+        <Path d="M8 13h6"></Path>
+        <Path d="M12.5 20.5l-.5 .5l-3 -3h-3a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v4"></Path>
+        <Path d="M21.121 20.121a3 3 0 1 0 -4.242 0c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879z"></Path>
+        <Path d="M19 18v.01"></Path>
+      </Svg>
+    </>
+  );
+}