From 7755a3830633304b040e498f1357be97fff074d2 Mon Sep 17 00:00:00 2001
From: desperado1802 <mumun_ali@hotmail.com>
Date: Mon, 16 Oct 2023 15:02:39 +0300
Subject: [PATCH] created the members settings screen

---
 apps/mobile/app/i18n/ar.ts                    |  3 +
 apps/mobile/app/i18n/bg.ts                    |  3 +
 apps/mobile/app/i18n/en.ts                    |  3 +
 apps/mobile/app/i18n/es.ts                    |  3 +
 apps/mobile/app/i18n/fr.ts                    |  3 +
 apps/mobile/app/i18n/he.ts                    |  3 +
 apps/mobile/app/i18n/ko.ts                    |  3 +
 apps/mobile/app/i18n/ru.ts                    |  3 +
 .../app/navigators/AuthenticatedNavigator.tsx |  3 +
 .../MembersSettingsScreen/index.tsx           | 73 +++++++++++++++++++
 .../SettingScreen/Team/index.tsx              |  6 +-
 apps/mobile/app/screens/index.ts              |  3 +-
 12 files changed, 107 insertions(+), 2 deletions(-)
 create mode 100644 apps/mobile/app/screens/Authenticated/MembersSettingsScreen/index.tsx

diff --git a/apps/mobile/app/i18n/ar.ts b/apps/mobile/app/i18n/ar.ts
index 611dcc719..1b327964b 100644
--- a/apps/mobile/app/i18n/ar.ts
+++ b/apps/mobile/app/i18n/ar.ts
@@ -232,6 +232,9 @@ const ar: Translations = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "الأعضاء والأدوار",
+		},
 		changeFullName: {
 			firstNamePlaceholder: "First Name",
 			lastNamePlaholder: "Last Name",
diff --git a/apps/mobile/app/i18n/bg.ts b/apps/mobile/app/i18n/bg.ts
index 755ee4250..604fd06b1 100644
--- a/apps/mobile/app/i18n/bg.ts
+++ b/apps/mobile/app/i18n/bg.ts
@@ -225,6 +225,9 @@ const bg = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "Members & Roles",
+		},
 		changeFullName: {
 			firstNamePlaceholder: "First Name",
 			lastNamePlaholder: "Last Name",
diff --git a/apps/mobile/app/i18n/en.ts b/apps/mobile/app/i18n/en.ts
index 333ceb520..7d7285e39 100644
--- a/apps/mobile/app/i18n/en.ts
+++ b/apps/mobile/app/i18n/en.ts
@@ -229,6 +229,9 @@ const en = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "Members & Roles",
+		},
 		changeFullName: {
 			firstNamePlaceholder: "First Name",
 			lastNamePlaholder: "Last Name",
diff --git a/apps/mobile/app/i18n/es.ts b/apps/mobile/app/i18n/es.ts
index 9d09d5052..a3e39152d 100644
--- a/apps/mobile/app/i18n/es.ts
+++ b/apps/mobile/app/i18n/es.ts
@@ -225,6 +225,9 @@ const es = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "Members & Roles",
+		},
 		changeFullName: {
 			firstNamePlaceholder: "First Name",
 			lastNamePlaholder: "Last Name",
diff --git a/apps/mobile/app/i18n/fr.ts b/apps/mobile/app/i18n/fr.ts
index cbda6efd7..f4a3a618f 100644
--- a/apps/mobile/app/i18n/fr.ts
+++ b/apps/mobile/app/i18n/fr.ts
@@ -229,6 +229,9 @@ const fr = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "Membres et rôles",
+		},
 		changeAvatar: {
 			recentPictures: "Photos récentes",
 			recentFiles: "Fichiers récents",
diff --git a/apps/mobile/app/i18n/he.ts b/apps/mobile/app/i18n/he.ts
index f2b50a1e5..6192adc9d 100644
--- a/apps/mobile/app/i18n/he.ts
+++ b/apps/mobile/app/i18n/he.ts
@@ -225,6 +225,9 @@ const he = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "Members & Roles",
+		},
 		changeFullName: {
 			firstNamePlaceholder: "First Name",
 			lastNamePlaholder: "Last Name",
diff --git a/apps/mobile/app/i18n/ko.ts b/apps/mobile/app/i18n/ko.ts
index 00ae389a4..bbf6cc05e 100644
--- a/apps/mobile/app/i18n/ko.ts
+++ b/apps/mobile/app/i18n/ko.ts
@@ -231,6 +231,9 @@ const ko: Translations = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "Members & Roles",
+		},
 		changeFullName: {
 			firstNamePlaceholder: "First Name",
 			lastNamePlaholder: "Last Name",
diff --git a/apps/mobile/app/i18n/ru.ts b/apps/mobile/app/i18n/ru.ts
index 8c4cd4a30..5c140c631 100644
--- a/apps/mobile/app/i18n/ru.ts
+++ b/apps/mobile/app/i18n/ru.ts
@@ -225,6 +225,9 @@ const ru = {
 			createButtonText: "Create",
 			updateButtonText: "Update",
 		},
+		membersSettingsScreen: {
+			mainTitle: "Members & Roles",
+		},
 		changeFullName: {
 			firstNamePlaceholder: "First Name",
 			lastNamePlaholder: "Last Name",
diff --git a/apps/mobile/app/navigators/AuthenticatedNavigator.tsx b/apps/mobile/app/navigators/AuthenticatedNavigator.tsx
index a4992a967..2332c1378 100644
--- a/apps/mobile/app/navigators/AuthenticatedNavigator.tsx
+++ b/apps/mobile/app/navigators/AuthenticatedNavigator.tsx
@@ -22,6 +22,7 @@ import {
 	TaskLabelScreen,
 	TaskSizeScreen,
 	TaskPriorityScreen,
+	MembersSettingsScreen,
 } from "../screens"
 
 // HELPERS
@@ -57,6 +58,7 @@ export type AuthenticatedDrawerParamList = {
 	TaskSizeScreen: undefined
 	TaskStatus: undefined
 	TaskPriority: undefined
+	MembersSettingsScreen: undefined
 }
 /**
  * Helper for automatically generating navigation prop types for each route.
@@ -236,6 +238,7 @@ export const AuthenticatedNavigator = observer(function AuthenticatedNavigator()
 			<drawer.Screen name="TaskLabelScreen" component={TaskLabelScreen} />
 			<drawer.Screen name="TaskSizeScreen" component={TaskSizeScreen} />
 			<drawer.Screen name="TaskPriority" component={TaskPriorityScreen} />
+			<drawer.Screen name="MembersSettingsScreen" component={MembersSettingsScreen} />
 		</drawer.Navigator>
 	)
 })
diff --git a/apps/mobile/app/screens/Authenticated/MembersSettingsScreen/index.tsx b/apps/mobile/app/screens/Authenticated/MembersSettingsScreen/index.tsx
new file mode 100644
index 000000000..dce1b219a
--- /dev/null
+++ b/apps/mobile/app/screens/Authenticated/MembersSettingsScreen/index.tsx
@@ -0,0 +1,73 @@
+import { View, Text, ViewStyle, TouchableOpacity, StyleSheet } from "react-native"
+import React, { FC } from "react"
+import { AuthenticatedDrawerScreenProps } from "../../../navigators/AuthenticatedNavigator"
+import { Screen } from "../../../components"
+import Animated from "react-native-reanimated"
+import { typography, useAppTheme } from "../../../theme"
+import { AntDesign } from "@expo/vector-icons"
+import { translate } from "../../../i18n"
+
+export const MembersSettingsScreen: FC<AuthenticatedDrawerScreenProps<"MembersSettingsScreen">> = (
+	_props,
+) => {
+	const { colors } = useAppTheme()
+	const { navigation } = _props
+	const fall = new Animated.Value(1)
+
+	return (
+		<Screen
+			preset="scroll"
+			ScrollViewProps={{ bounces: false }}
+			contentContainerStyle={[$container, { backgroundColor: colors.background2 }]}
+			safeAreaEdges={["top"]}
+		>
+			<Animated.View style={{ opacity: Animated.add(0.1, Animated.multiply(fall, 1.0)) }}>
+				<View style={[$headerContainer, { backgroundColor: colors.background }]}>
+					<View style={[styles.container, { backgroundColor: colors.background }]}>
+						<TouchableOpacity onPress={() => navigation.navigate("Setting")}>
+							<AntDesign name="arrowleft" size={24} color={colors.primary} />
+						</TouchableOpacity>
+						<Text style={[styles.title, { color: colors.primary }]}>
+							{translate("settingScreen.membersSettingsScreen.mainTitle")}
+						</Text>
+					</View>
+				</View>
+				<Text>Members list will be here</Text>
+			</Animated.View>
+		</Screen>
+	)
+}
+
+const $container: ViewStyle = {
+	flex: 1,
+}
+
+const $headerContainer: ViewStyle = {
+	padding: 20,
+	paddingVertical: 16,
+	shadowColor: "rgba(0, 0, 0, 0.6)",
+	shadowOffset: {
+		width: 0,
+		height: 2,
+	},
+	shadowOpacity: 0.07,
+	shadowRadius: 1.0,
+	elevation: 1,
+	zIndex: 10,
+}
+
+const styles = StyleSheet.create({
+	container: {
+		alignItems: "center",
+		flexDirection: "row",
+		width: "100%",
+	},
+
+	title: {
+		alignSelf: "center",
+		fontFamily: typography.primary.semiBold,
+		fontSize: 16,
+		textAlign: "center",
+		width: "80%",
+	},
+})
diff --git a/apps/mobile/app/screens/Authenticated/SettingScreen/Team/index.tsx b/apps/mobile/app/screens/Authenticated/SettingScreen/Team/index.tsx
index edd041c1d..4bb295138 100644
--- a/apps/mobile/app/screens/Authenticated/SettingScreen/Team/index.tsx
+++ b/apps/mobile/app/screens/Authenticated/SettingScreen/Team/index.tsx
@@ -76,7 +76,11 @@ const TeamSettings: FC<ITeamSettingProps> = observer(({ props, onOpenBottomSheet
 					}`}
 					onPress={() => navigation.navigate("TaskLabelScreen")}
 				/>
-				<SingleInfo title={translate("settingScreen.teamSection.teamRole")} value={"No"} />
+				<SingleInfo
+					title={translate("settingScreen.teamSection.teamRole")}
+					value={"No"}
+					onPress={() => navigation.navigate("MembersSettingsScreen")}
+				/>
 				<SingleInfo
 					title={translate("settingScreen.teamSection.workSchedule")}
 					value={translate("settingScreen.teamSection.workScheduleHint")}
diff --git a/apps/mobile/app/screens/index.ts b/apps/mobile/app/screens/index.ts
index 9f0d18f80..d9ff61214 100644
--- a/apps/mobile/app/screens/index.ts
+++ b/apps/mobile/app/screens/index.ts
@@ -14,4 +14,5 @@ export * from "./Authenticated/SettingScreen"
 export * from "./Authenticated/TaskStatusScreen"
 export * from "./Authenticated/TaskPrioritiesScreen"
 export * from "./Authenticated/TaskLabelScreen"
-export * from "./Authenticated/TaskSizeScreen"
\ No newline at end of file
+export * from "./Authenticated/TaskSizeScreen"
+export * from "./Authenticated/MembersSettingsScreen"