fix: remove sync feature, allow same contact reimport

app/contact-import.tsx

@@ -8,31 +8,17 @@ import {
 } from '@ui-kitten/components'
 import { useRouter } from 'expo-router'
 import { StyledComponent } from 'nativewind'
-import { useMemo } from 'react'
 
 import ContactImportList from '../src/components/ContactImport/ContactImportSearch'
 import EmptyView from '../src/components/EmptyView'
 import SafeAreaView from '../src/components/SafeAreaView'
-import { usePalsContacts } from '../src/contexts/PalsContacts'
 import useDeviceContacts from '../src/hooks/useDeviceContacts'
 
 const ContactImport = () => {
   const deviceContacts = useDeviceContacts(
     'to start adding contacts into Pals.',
   )
-  const [palsContacts] = usePalsContacts()
   const router = useRouter()
-  // Exclude contacts that are already imported
-  const contactsToImport = useMemo(
-    () =>
-      deviceContacts?.filter(
-        (deviceContact) =>
-          !palsContacts.find(
-            (palsContact) => palsContact.id === deviceContact.id,
-          ),
-      ),
-    [deviceContacts, palsContacts],
-  )
 
   return (
     <SafeAreaView>
@@ -56,8 +42,8 @@ const ContactImport = () => {
             title="Contact Import"
           />
           <Divider />
-          {contactsToImport?.length ? (
-            <ContactImportList contactsToImport={contactsToImport} />
+          {deviceContacts?.length ? (
+            <ContactImportList contactsToImport={deviceContacts} />
           ) : (
             <EmptyView bodyText="You have no contacts to import." />
           )}

app/index.tsx

@@ -20,14 +20,12 @@ import {
 } from '../src/contexts/PalsContactsList'
 import { exportPalsDataToFs, importPalsDataToApp } from '../src/fsHelpers'
 import useLoadPalsContacts from '../src/hooks/useLoadPalsContacts'
-import useSyncPalsContacts from '../src/hooks/useSyncPalsContacts'
 
 const MainScreen = () => {
   const [selectedPalsContactListIndex, setSelectedPalsContactListIndex] =
     usePalsContactsList()
   const [palsContacts, setPalsContacts] = usePalsContacts()
   useLoadPalsContacts()
-  useSyncPalsContacts()
 
   return (
     <SafeAreaView>

src/contactsHelpers.ts

@@ -1,5 +1,6 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
 import * as Contacts from 'expo-contacts'
+import * as Crypto from 'expo-crypto'
 import { Alert } from 'react-native'
 
 import { DEFAULT_ALERT_BUTTON_TEXT, PALS_CONTACTS_KEY } from './constants'
@@ -60,9 +61,9 @@ export const addPalsContactToStorage = async (
   selectedListName: PalsContactListName,
 ) => {
   // This is where we pick the fields we want to store
-  const { id, name, image } = contact
+  const { name, image } = contact
   const newPalsContact: PalsContact = {
-    id,
+    id: Crypto.randomUUID(),
     name,
     image,
     interactions: [],