new fonts, ui tweaks

components/shared/AssigneesDisplay.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+import { ImageBackground, StyleSheet } from "react-native";
+import { View } from "react-native-ui-lib";
+import RemoveAssigneeBtn from "./RemoveAssigneeBtn";
+
+const AssigneesDisplay = () => {
+  return (
+    <View row marginH-13 marginT-13 gap-20>
+      <ImageBackground
+        source={require("../../assets/images/child-picture.png")}
+        style={{ aspectRatio: 1, width: 58.08, overflow: "hidden" }}
+        children={<RemoveAssigneeBtn />}
+      />
+      <ImageBackground
+        source={require("../../assets/images/child1-picture.png")}
+        style={{ aspectRatio: 1, width: 58.08, overflow: "hidden" }}
+        children={<RemoveAssigneeBtn />}
+      />
+    </View>
+  );
+};
+
+export default AssigneesDisplay;

components/shared/DrawerButton.tsx

@@ -30,7 +30,7 @@ const DrawerButton = (props: IDrawerButtonProps) => {
       )}
       style={{
         aspectRatio: 1,
-        borderRadius: 15,
+        borderRadius: 18.55,
         marginBottom: 12,
         flexDirection: "column",
         justifyContent: "space-between",
@@ -47,5 +47,5 @@ const styles = StyleSheet.create({
     aspectRatio: 1,
     borderRadius: 50,
   },
-  labelStyle: { fontSize: 14, fontFamily: "Manrope_600SemiBold" },
+  labelStyle: { fontSize: 15, fontFamily: "Poppins_400Regular" },
 });

components/shared/HeaderTemplate.tsx

@@ -11,7 +11,7 @@ const HeaderTemplate = (props: {
 }) => {
   const { user, profileData } = useAuthContext();
 
-  const headerHeight:number = 80;
+  const headerHeight:number = 72;
   return (
     <View row centerV marginV-15>
       <ImageBackground
@@ -26,9 +26,9 @@ const HeaderTemplate = (props: {
       />
       <View gap-3>
         {props.isWelcome && (
-          <Text text70L style={{fontSize: 17, fontFamily: "Manrope_400Regular"}}>Welcome, {profileData?.firstName}!</Text>
+          <Text text70L style={{fontSize: 19, fontFamily: "Manrope_400Regular"}}>Welcome, {profileData?.firstName}!</Text>
         )}
-        <Text text70B style={{ fontSize: 18, fontFamily: "Manrope_700Bold" }}>
+        <Text text70B style={{ fontSize: 18 , fontFamily: "Manrope_600SemiBold" }}>
           {props.message}
         </Text>
         {props.children && <View>{props.children}</View>}

components/shared/RemoveAssigneeBtn.tsx

@@ -0,0 +1,27 @@
+import { Text, StyleSheet } from "react-native";
+import React from "react";
+import CloseXIcon from "@/assets/svgs/CloseXIcon";
+import { View } from "react-native-ui-lib";
+
+const RemoveAssigneeBtn = () => {
+  return (
+    <View style={styles.removeBtn} center>
+      <CloseXIcon />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  removeBtn: {
+    aspectRatio: 1,
+    width: 20,
+    backgroundColor: "#f0efef",
+    right: 0,
+    borderRadius: 50,
+    position: "absolute",
+    borderWidth: 1,
+    borderColor: "#7f7f7f",
+  },
+});
+
+export default RemoveAssigneeBtn;