added version popup, so users can select, removed the old static comp…

…onent. Fixed navigation issue in Team Screen (#1779)

apps/mobile/app/components/TaskVersion.tsx

@@ -16,11 +16,11 @@ interface TaskVersionProps {
 	task?: ITeamTask
 	containerStyle?: ViewStyle
 	version?: string
-	setPriority?: (priority: string) => unknown
+	setVersion?: (priority: string) => unknown
 }
 
 const TaskVersion: FC<TaskVersionProps> = observer(
-	({ task, containerStyle, version, setPriority }) => {
+	({ task, containerStyle, version, setVersion }) => {
 		const { colors } = useAppTheme()
 		const { updateTask } = useTeamTasks()
 		const [openModal, setOpenModal] = useState(false)
@@ -42,7 +42,7 @@ const TaskVersion: FC<TaskVersionProps> = observer(
 
 				await updateTask(taskEdit, task.id)
 			} else {
-				setPriority(text)
+				setVersion(text)
 			}
 		}
 

apps/mobile/app/components/TaskVersionPopup.tsx

@@ -78,7 +78,7 @@ const Item: FC<ItemProps> = ({ currentVersionName, version, onVersionSelected })
 	return (
 		<TouchableOpacity onPress={() => onVersionSelected(version)}>
 			<View style={{ ...styles.wrapperItem, borderColor: colors.border }}>
-				<View style={{ ...styles.colorFrame, backgroundColor: version.color }}>
+				<View style={{ ...styles.colorFrame, backgroundColor: "transparent" }}>
 					<BadgedTaskVersion iconSize={16} TextSize={14} version={version.name} />
 				</View>
 				<View>

apps/mobile/app/components/VersionIcon.tsx

@@ -3,14 +3,15 @@
 import React, { useMemo } from "react"
 import { View, Text } from "react-native"
 import { SvgUri } from "react-native-svg"
-import { typography } from "../theme"
+import { typography, useAppTheme } from "../theme"
 import { observer } from "mobx-react-lite"
 import { limitTextCharaters } from "../helpers/sub-text"
 import { useTaskVersion } from "../services/hooks/features/useTaskVersion"
 
 export const BadgedTaskVersion = observer(
 	({ version, TextSize, iconSize }: { version: string; TextSize: number; iconSize: number }) => {
 		const { taskVersionList } = useTaskVersion()
+		const { colors } = useAppTheme()
 
 		const currentSize = useMemo(
 			() => taskVersionList.find((s) => s.name === version),
@@ -27,7 +28,7 @@ export const BadgedTaskVersion = observer(
 				<SvgUri width={iconSize} height={iconSize} uri={currentSize?.fullIconUrl} />
 				<Text
 					style={{
-						color: "#292D32",
+						color: colors.primary,
 						left: 5,
 						fontSize: TextSize,
 						fontFamily: typography.fonts.PlusJakartaSans.semiBold,