Added conversation icon

This commit is contained in:
Keannu Bernasol 2023-10-11 20:05:01 +08:00
parent ec693a7bb6
commit 4a406957b5
2 changed files with 31 additions and 1 deletions

View file

@ -24,6 +24,7 @@ import SubjectIcon from "../../icons/SubjectIcon/SubjectIcon";
import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useMutation, useQueryClient } from "@tanstack/react-query";
import { PatchStudentStatus } from "../Api/Api"; import { PatchStudentStatus } from "../Api/Api";
import { useToast } from "react-native-toast-notifications"; import { useToast } from "react-native-toast-notifications";
import MessageIcon from "../../icons/MessageIcon/MessageIcon";
export default function CustomDrawerContent(props: {}) { export default function CustomDrawerContent(props: {}) {
const debug = false; const debug = false;
@ -136,7 +137,7 @@ export default function CustomDrawerContent(props: {}) {
navigation.navigate("Conversation"); navigation.navigate("Conversation");
}} }}
> >
<SubjectIcon size={32} /> <MessageIcon size={32} />
<Text style={styles.text_white_medium}>Conversation</Text> <Text style={styles.text_white_medium}>Conversation</Text>
</DrawerButton> </DrawerButton>
<DrawerButton <DrawerButton

View file

@ -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>
</>
);
}