fix(#395): [Vijay] add the limitation to VC Tag length in the Rename Option

components/TextEditOverlay.tsx

@@ -21,6 +21,7 @@ export const TextEditOverlay: React.FC<EditOverlayProps> = (props) => {
           <Input
             autoFocus
             value={value}
+            maxLength={props.maxLength}
             selectionColor={Theme.Colors.Cursor}
             onChangeText={setValue}
           />
@@ -55,4 +56,5 @@ interface EditOverlayProps {
   value: string;
   onSave: (value: string) => void;
   onDismiss: () => void;
+  maxLength?: number | undefined;
 }

screens/Home/ViewVcModal.tsx

@@ -69,6 +69,7 @@ export const ViewVcModal: React.FC<ViewVcModalProps> = (props) => {
           isVisible={controller.isEditingTag}
           label={t('editTag')}
           value={controller.vc.tag}
+          maxLength={12}
           onDismiss={controller.DISMISS}
           onSave={controller.SAVE_TAG}
         />

screens/Profile/ProfileScreen.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View } from 'react-native';
+import { Platform, View } from 'react-native';
 import { getVersion } from 'react-native-device-info';
 import { Icon, ListItem, Switch } from 'react-native-elements';
 import { Column, Text } from '../../components/ui';
@@ -107,7 +107,10 @@ export const ProfileScreen: React.FC<MainRouteProps> = (props) => {
             onValueChange={controller.useBiometrics}
             trackColor={{
               false: Theme.Colors.switchTrackFalse,
-              true: Theme.Colors.switchTrackTrue,
+              true:
+                Platform.OS == 'ios'
+                  ? Theme.Colors.switchHead
+                  : Theme.Colors.switchTrackTrue,
             }}
             color={Theme.Colors.switchHead}
           />