feat Minor release v2.2.3

BioHazard786 · BioHazard786 · commit d7f115a0821c · 2025-08-05T00:54:54.000+05:30
- Optimized avatar image loading performance for faster rendering
 - Improved theme selection UI with streamlined button styling
 - Enhanced base64 image handling for better memory efficiency
 - Minor bug fixes and stability improvements
diff --git a/.github/workflows/android-release.yml b/.github/workflows/android-release.yml
@@ -106,12 +106,13 @@ jobs:
           draft: false
           prerelease: false
           body: |
-            # 🚀 Alternate ${{ steps.tag.outputs.tag }} – Feature & Improvement Release
+            # 🚀 Alternate ${{ steps.tag.outputs.tag }} – Performance & UI Update
 
             ## ✨ What's New in ${{ steps.tag.outputs.tag }}
 
-            - Added support for adding contact photos
-            - Caller ID popup now appears on lock screen
+            - Optimized avatar image loading performance for faster rendering
+            - Improved theme selection UI with streamlined button styling
+            - Enhanced base64 image handling for better memory efficiency
             - Minor bug fixes and stability improvements
 
             ## 📦 Download Options
diff --git a/android/app/build.gradle b/android/app/build.gradle
@@ -101,8 +101,8 @@ android {
         applicationId 'com.lulu786.Alternate'
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 8
-        versionName "2.2.2"
+        versionCode 9
+        versionName "2.2.3"
     }
 
     signingConfigs {
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
@@ -1,11 +1,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
           xmlns:tools="http://schemas.android.com/tools">
 
-  <!-- Explicitly remove permissions added by expo-file-system -->
-  <!-- <uses-permission android:name="android.permission.INTERNET" tools:node="remove" /> -->
-  <!-- <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" tools:node="remove" />
-  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" tools:node="remove" /> -->
-
   <queries>
     <intent>
       <action android:name="android.intent.action.VIEW"/>
diff --git a/android/app/src/release/AndroidManifest.xml b/android/app/src/release/AndroidManifest.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+    
+    <!-- Explicitly remove internet permission in release builds -->
+    <uses-permission android:name="android.permission.INTERNET" tools:node="remove" />
+</manifest>
diff --git a/app.json b/app.json
@@ -2,7 +2,7 @@
   "expo": {
     "name": "Alternate",
     "slug": "Alternate",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "orientation": "portrait",
     "scheme": "alternate",
     "userInterfaceStyle": "automatic",
@@ -17,7 +17,7 @@
       }
     },
     "android": {
-      "versionCode": 8,
+      "versionCode": 9,
       "adaptiveIcon": {
         "foregroundImage": "./assets/icon/adaptive-icon.png",
         "monochromeImage": "./assets/icon/adaptive-icon.png",
diff --git a/app/edit-contact.tsx b/app/edit-contact.tsx
@@ -1,9 +1,8 @@
 import PhoneNumberInput from "@/components/phone-number-input";
 import PhotoPicker from "@/components/photo-picker";
 import { additionalFields } from "@/constants/AdditionalFields";
-import { getAvatarColor } from "@/lib/avatar-utils";
 import { getCountryByCode } from "@/lib/countries";
-import { Contact, ContactFormData } from "@/lib/types";
+import { ContactFormData } from "@/lib/types";
 import { getFormattedDate, getVisibleFields, trimDialCode } from "@/lib/utils";
 import useContactStore from "@/store/contactStore";
 import { router, useLocalSearchParams } from "expo-router";
@@ -34,34 +33,27 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 export default function EditContactScreen() {
   const theme = useTheme();
   const insets = useSafeAreaInsets();
-  const { contact: contactParam, index } = useLocalSearchParams();
+  const { fullPhoneNumber: originalFullPhoneNumber, index } =
+    useLocalSearchParams();
+  const contacts = useContactStore.use.contacts();
 
-  // Parse the contact from JSON string
-  const contact: Contact | null = contactParam
-    ? JSON.parse(contactParam as string)
-    : null;
-
-  const originalFullPhoneNumber = contact?.fullPhoneNumber;
-  const letter = contact?.name?.charAt(0) || "?";
+  // Find the contact by fullPhoneNumber
+  const contact = contacts.find(
+    (c) => c.fullPhoneNumber === originalFullPhoneNumber
+  );
 
   const updateContact = useContactStore.use.updateContact();
   const updateError = useContactStore.use.updateContactError();
   const clearUpdateError = useContactStore.use.clearUpdateError();
   const [visible, setVisible] = useState(false);
   const [visibleFields, setVisibleFields] = useState<Set<string>>(() =>
-    getVisibleFields(contact)
+    getVisibleFields(contact!)
   );
   const [showDatePicker, setShowDatePicker] = useState(false);
   const [selectedDate, setSelectedDate] = useState(() =>
     contact?.birthday ? new Date(contact.birthday) : new Date()
   );
 
-  const [avatarBackgroundColor, avatarTextColor] = getAvatarColor(
-    letter,
-    theme.dark,
-    Number(index)
-  );
-
   const {
     control,
     handleSubmit,
@@ -204,7 +196,7 @@ export default function EditContactScreen() {
     const fullPhoneNumber =
       data.phoneNumber.dialCode + data.phoneNumber.number.trim();
 
-    const success = await updateContact(originalFullPhoneNumber!, {
+    const success = await updateContact(originalFullPhoneNumber as string, {
       name: data.name.trim(),
       fullPhoneNumber: fullPhoneNumber,
       phoneNumber: data.phoneNumber.number.trim(),
diff --git a/app/preview-contact.tsx b/app/preview-contact.tsx
@@ -3,7 +3,6 @@ import whatsappIcon from "@/assets/in-app-icon/whatsapp.png";
 import Material3Avatar from "@/components/material3-avatar";
 import CustomNavigationBar from "@/components/navigation-bar";
 import { getAvatarColor } from "@/lib/avatar-utils";
-import { Contact } from "@/lib/types";
 import {
   getFormattedDate,
   getFormattedName,
@@ -40,18 +39,17 @@ export default function PreviewContactScreen() {
   const theme = useTheme();
   const insets = useSafeAreaInsets();
 
-  const { contact: contactParam, index } = useLocalSearchParams();
+  const { fullPhoneNumber, index } = useLocalSearchParams();
+  const contacts = useContactStore.use.contacts();
   const deleteContact = useContactStore.use.deleteContact();
   const deleteError = useContactStore.use.deleteContactError();
   const clearDeleteError = useContactStore.use.clearDeleteError;
   const [visible, setVisible] = useState(false);
   const [open, setOpen] = React.useState(false);
   const [isDeleting, setIsDeleting] = useState(false);
 
-  // Parse the contact from JSON string
-  const contact: Contact | null = contactParam
-    ? JSON.parse(contactParam as string)
-    : null;
+  // Find the contact by fullPhoneNumber
+  const contact = contacts.find((c) => c.fullPhoneNumber === fullPhoneNumber);
 
   const letter = contact?.name?.charAt(0).toUpperCase() || "?";
   const [avatarBackgroundColor, avatarTextColor] = getAvatarColor(
@@ -164,7 +162,10 @@ export default function PreviewContactScreen() {
                   onPress: () =>
                     router.push({
                       pathname: "/edit-contact",
-                      params: { contact: contactParam, index: index },
+                      params: {
+                        fullPhoneNumber: fullPhoneNumber,
+                        index: index,
+                      },
                     }),
                 },
               ]}
diff --git a/app/settings.tsx b/app/settings.tsx
@@ -181,53 +181,48 @@ export default function SettingsScreen() {
                   label: "Light",
                   icon: "white-balance-sunny",
                   showSelectedCheck: true,
-                  style: {
-                    borderStyle: undefined,
-                    borderWidth: 0,
-                    backgroundColor:
-                      themeMode === "light"
-                        ? theme.colors.secondaryContainer
-                        : theme.colors.surfaceVariant,
-                    borderTopRightRadius: 5,
-                    borderBottomRightRadius: 5,
-                    borderRadius: 50,
-                    paddingVertical: 3,
-                  },
+                  style: [
+                    styles.segmentedButton,
+                    styles.segmentedButtonLeft,
+                    {
+                      backgroundColor:
+                        themeMode === "light"
+                          ? theme.colors.secondaryContainer
+                          : theme.colors.surfaceVariant,
+                    },
+                  ],
                 },
                 {
                   value: "dark",
                   label: "Dark",
                   icon: "moon-waning-crescent",
                   showSelectedCheck: true,
-                  style: {
-                    borderStyle: undefined,
-                    borderWidth: 0,
-                    backgroundColor:
-                      themeMode === "dark"
-                        ? theme.colors.secondaryContainer
-                        : theme.colors.surfaceVariant,
-                    marginHorizontal: 3,
-                    borderRadius: 5,
-                    paddingVertical: 3,
-                  },
+                  style: [
+                    styles.segmentedButton,
+                    styles.segmentedButtonMiddle,
+                    {
+                      backgroundColor:
+                        themeMode === "dark"
+                          ? theme.colors.secondaryContainer
+                          : theme.colors.surfaceVariant,
+                    },
+                  ],
                 },
                 {
                   value: "system",
                   label: "System",
                   icon: "laptop",
                   showSelectedCheck: true,
-                  style: {
-                    borderStyle: undefined,
-                    borderWidth: 0,
-                    backgroundColor:
-                      themeMode === "system"
-                        ? theme.colors.secondaryContainer
-                        : theme.colors.surfaceVariant,
-                    borderTopLeftRadius: 5,
-                    borderBottomLeftRadius: 5,
-                    borderRadius: 50,
-                    paddingVertical: 3,
-                  },
+                  style: [
+                    styles.segmentedButton,
+                    styles.segmentedButtonRight,
+                    {
+                      backgroundColor:
+                        themeMode === "system"
+                          ? theme.colors.secondaryContainer
+                          : theme.colors.surfaceVariant,
+                    },
+                  ],
                 },
               ]}
             />
@@ -359,4 +354,22 @@ const styles = StyleSheet.create({
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0,
   },
+  segmentedButton: {
+    borderStyle: undefined,
+    borderWidth: 0,
+  },
+  segmentedButtonLeft: {
+    borderTopRightRadius: 3,
+    borderBottomRightRadius: 3,
+    borderRadius: 50,
+  },
+  segmentedButtonMiddle: {
+    marginHorizontal: 2,
+    borderRadius: 3,
+  },
+  segmentedButtonRight: {
+    borderTopLeftRadius: 3,
+    borderBottomLeftRadius: 3,
+    borderRadius: 50,
+  },
 });
diff --git a/components/contact-item.tsx b/components/contact-item.tsx
@@ -48,7 +48,7 @@ export const ContactItem: React.FC<ContactItemProps> = ({
     } else {
       router.push({
         pathname: "/preview-contact",
-        params: { contact: JSON.stringify(contact), index },
+        params: { fullPhoneNumber: contact.fullPhoneNumber, index },
       });
     }
   };
diff --git a/components/material3-avatar.tsx b/components/material3-avatar.tsx
@@ -1,6 +1,6 @@
 // import { Image } from "expo-image";
 import React from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
+import { StyleProp, ViewStyle } from "react-native";
 import { useTheme } from "react-native-paper";
 import Svg, { ClipPath, Defs, Image, Path, Text } from "react-native-svg";
 
@@ -29,34 +29,32 @@ const Material3Avatar = ({
 
   if (photo) {
     return (
-      <View>
-        <Svg
-          height={size}
-          width={size}
-          viewBox={`0 0 ${size} ${size}`}
-          style={style}
-        >
-          {/* 1. Define the clipping path */}
-          <Defs>
-            <ClipPath id="myClipPath">
-              {/* This path creates a rectangle with a diagonal slice at the top right */}
-              <Path
-                d={pathData}
-                fill={backgroundColor || theme.colors.surfaceVariant}
-              />
-            </ClipPath>
-          </Defs>
+      <Svg
+        height={size}
+        width={size}
+        viewBox={`0 0 ${size} ${size}`}
+        style={style}
+      >
+        {/* 1. Define the clipping path */}
+        <Defs>
+          <ClipPath id="myClipPath">
+            {/* This path creates a rectangle with a diagonal slice at the top right */}
+            <Path
+              d={pathData}
+              fill={backgroundColor || theme.colors.surfaceVariant}
+            />
+          </ClipPath>
+        </Defs>
 
-          {/* 2. Apply the clipping path to the image */}
-          <Image
-            href={{ uri: photo }}
-            width="100%"
-            height="100%"
-            preserveAspectRatio="xMidYMid slice"
-            clipPath="url(#myClipPath)"
-          />
-        </Svg>
-      </View>
+        {/* 2. Apply the clipping path to the image */}
+        <Image
+          href={{ uri: photo }}
+          width="100%"
+          height="100%"
+          preserveAspectRatio="xMidYMid slice"
+          clipPath="url(#myClipPath)"
+        />
+      </Svg>
     );
   }
 
diff --git a/components/photo-picker.tsx b/components/photo-picker.tsx
@@ -4,7 +4,7 @@ import * as FileSystem from "expo-file-system";
 import * as ImagePicker from "expo-image-picker";
 import React, { useState } from "react";
 import { Pressable, StyleSheet, View } from "react-native";
-import { Button, Dialog, Portal, Text } from "react-native-paper";
+import { Button, Dialog, Portal, Text, useTheme } from "react-native-paper";
 
 interface PhotoPickerProps {
   photo?: string; // Base64 encoded image string (data:image/jpeg;base64,...)
@@ -19,6 +19,8 @@ export default function PhotoPicker({
   size = 200,
   disabled = false,
 }: PhotoPickerProps) {
+  const theme = useTheme();
+
   const [permissionDialogVisible, setPermissionDialogVisible] = useState(false);
   const [cameraPermissionDialogVisible, setCameraPermissionDialogVisible] =
     useState(false);
@@ -194,9 +196,9 @@ export default function PhotoPicker({
                   setPhotoOptionsDialogVisible(false);
                   onPhotoChange(undefined);
                 }}
-                textColor="red"
+                textColor={theme.colors.error}
               >
-                Remove Photo
+                Remove
               </Button>
             )}
             <Button onPress={() => setPhotoOptionsDialogVisible(false)}>
diff --git a/fastlane/metadata/android/en-US/changelogs/9.txt b/fastlane/metadata/android/en-US/changelogs/9.txt
@@ -0,0 +1,5 @@
+v2.2.3 - Performance & UI Update
+ - Optimized avatar image loading performance for faster rendering
+ - Improved theme selection UI with streamlined button styling
+ - Enhanced base64 image handling for better memory efficiency
+ - Minor bug fixes and stability improvements
diff --git a/package-lock.json b/package-lock.json

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ export const ContactItem: React.FC<ContactItemProps> = ({`
`48`	`48`	`} else {`
`49`	`49`	`router.push({`
`50`	`50`	`pathname: "/preview-contact",`
`51`		`- params: { contact: JSON.stringify(contact), index },`
	`51`	`+ params: { fullPhoneNumber: contact.fullPhoneNumber, index },`
`52`	`52`	`});`
`53`	`53`	`}`
`54`	`54`	`};`