feat: use up-to-date dynamic icon lib that doesn't support android atm

apps/expo/app.config.ts

@@ -65,31 +65,16 @@ const defineConfig = (): ExpoConfig => ({
         },
       },
     ],
-    [
-      "@config-plugins/react-native-dynamic-app-icon",
-      {
-        main: {
-          image: "./assets/images/main.png",
-          prerendered: true,
-        },
-        blue: {
-          image: "./assets/images/blue.png",
-          prerendered: true,
-        },
-        gray: {
-          image: "./assets/images/gray.png",
-          prerendered: true,
-        },
-        red: {
-          image: "./assets/images/red.png",
-          prerendered: true,
-        },
-        teal: {
-          image: "./assets/images/teal.png",
-          prerendered: true,
-        },
-      },
-    ],
+	[
+		"expo-alternate-app-icons",
+		[
+		  "./assets/images/main.png",
+		  "./assets/images/blue.png",
+		  "./assets/images/gray.png",
+		  "./assets/images/red.png",
+		  "./assets/images/teal.png",
+		],
+	  ],	  
     [
       "expo-media-library",
       {

apps/expo/package.json

@@ -18,7 +18,6 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@config-plugins/react-native-dynamic-app-icon": "^7.0.0",
     "@expo/metro-config": "^0.17.3",
     "@movie-web/colors": "*",
     "@movie-web/provider-utils": "*",
@@ -36,6 +35,7 @@
     "burnt": "^0.12.2",
     "class-variance-authority": "^0.7.0",
     "expo": "~50.0.14",
+    "expo-alternate-app-icons": "^0.1.7",
     "expo-application": "~5.8.3",
     "expo-av": "~13.10.5",
     "expo-brightness": "~11.8.0",
@@ -59,7 +59,6 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.73.6",
-    "react-native-change-icon": "^5.0.0",
     "react-native-context-menu-view": "^1.14.1",
     "react-native-gesture-handler": "~2.14.1",
     "react-native-ios-modal": "^0.1.8",

apps/expo/src/stores/theme/index.ts

@@ -1,7 +1,6 @@
-import { changeIcon } from "react-native-change-icon";
 import { create } from "zustand";
 import { immer } from "zustand/middleware/immer";
-
+import { setAlternateAppIcon } from "expo-alternate-app-icons";
 import { getTheme, saveTheme } from "~/settings";
 
 export type ThemeStoreOption = "main" | "blue" | "gray" | "red" | "teal";
@@ -26,7 +25,7 @@ export const useThemeStore = create(
           .then(() => {
             set((s) => {
               s.theme = newTheme;
-              void changeIcon(newTheme);
+              void setAlternateAppIcon(newTheme)
             });
           })
           .catch((error) => {