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()
+
)
})
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> = (
+ _props,
+) => {
+ const { colors } = useAppTheme()
+ const { navigation } = _props
+ const fall = new Animated.Value(1)
+
+ return (
+
+
+
+
+ navigation.navigate("Setting")}>
+
+
+
+ {translate("settingScreen.membersSettingsScreen.mainTitle")}
+
+
+
+ Members list will be here
+
+
+ )
+}
+
+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 = observer(({ props, onOpenBottomSheet
}`}
onPress={() => navigation.navigate("TaskLabelScreen")}
/>
-
+ navigation.navigate("MembersSettingsScreen")}
+ />