new icons and configs

Author: JS00001

app.config.js

@@ -1,24 +1,43 @@
 const packageJson = require("./package.json");
 
-const IS_DEV = process.env.APP_VARIANT === "development";
+const appVariant = process.env.APP_VARIANT; // 'development' | 'preview' | 'production';
+
+const appIcon =
+  {
+    development: "./assets/images/dev-icon.png",
+    preview: "./assets/images/preview-icon.png",
+    production: "./assets/images/icon.png",
+  }[appVariant] || "./assets/images/icon.png";
+
+const appBundleIdentifier =
+  {
+    development: "dev.js00001.hogliteposthogclient",
+    preview: "preview.js00001.hogliteposthogclient",
+    production: "com.js00001.hogliteposthogclient",
+  }[appVariant] || "com.js00001.hogliteposthogclient";
+
+const appDisplayName =
+  {
+    development: "HogLite (Dev)",
+    preview: "HogLite (Preview)",
+    production: "HogLite",
+  }[appVariant] || "HogLite";
 
 export default {
   expo: {
     name: "HogLite PostHog Client",
     slug: "hoglite-posthog-client",
     version: packageJson.version,
     orientation: "portrait",
-    icon: IS_DEV ? "./assets/images/dev-icon.png" : "./assets/images/icon.png",
+    icon: appIcon,
     scheme: "myapp",
     userInterfaceStyle: "automatic",
     newArchEnabled: false,
     ios: {
       supportsTablet: false,
-      bundleIdentifier: IS_DEV
-        ? "dev.js00001.hogliteposthogclient"
-        : "com.js00001.hogliteposthogclient",
+      bundleIdentifier: appBundleIdentifier,
       infoPlist: {
-        CFBundleDisplayName: IS_DEV ? "HogLite (Dev)" : "HogLite",
+        CFBundleDisplayName: appDisplayName,
       },
       config: {
         usesNonExemptEncryption: false,

assets/images/preview-icon.png

@@ -14,11 +14,17 @@
     },
     "preview": {
       "distribution": "internal",
-      "channel": "preview"
+      "channel": "preview",
+      "env": {
+        "APP_VARIANT": "preview"
+      }
     },
     "production": {
       "autoIncrement": true,
-      "channel": "production"
+      "channel": "production",
+      "env": {
+        "APP_VARIANT": "production"
+      }
     }
   },
   "submit": {

eas.json

@@ -1,8 +1,8 @@
 {
   "name": "hoglite-posthog-client",
   "main": "expo-router/entry",
-  "version": "1.0.12",
-  "updateVersion": "2025.2.26.1",
+  "version": "1.0.13",
+  "updateVersion": "2025.2.28.1",
   "scripts": {
     "start": "expo start",
     "dev": "expo start --dev-client",

package.json

@@ -1,5 +1,5 @@
 import { FlatList } from "react-native";
-// import { setAppIcon } from "expo-dynamic-app-icon";
+import { setAppIcon } from "expo-dynamic-app-icon";
 
 import Text from "@/ui/Text";
 import Select from "@/ui/Select";
@@ -22,8 +22,7 @@ export default function Appearance() {
   };
 
   const onAppIconChange = (value: TAppIcon) => {
-    // TODO: Enable
-    // setAppIcon(value);
+    setAppIcon(value);
     setClientStore("appIcon", value);
     posthog.capture("app_icon_changed", { appIcon: value });
   };

src/app/main/settings/appearance.tsx

@@ -9,7 +9,6 @@ import { timeAgo } from "@/lib/utils";
 import useClientStore from "@/store/client";
 import usePosthog from "@/hooks/usePosthog";
 import { EventData, IEvent } from "@/@types";
-import TruncatedText from "@/ui/TruncatedText";
 
 interface Props {
   event: IEvent;
@@ -101,30 +100,30 @@ export default function ListItem({ event }: Props) {
 
         {/* Event Display */}
         {columns.includes("event") && (
-          <TruncatedText className={eventRowClasses} numberOfLines={1}>
+          <Text className={eventRowClasses} numberOfLines={1}>
             {eventName}
-          </TruncatedText>
+          </Text>
         )}
 
         {/* Person Display */}
         {columns.includes("person") && (
-          <TruncatedText className={personRowClasses} numberOfLines={1}>
+          <Text className={personRowClasses} numberOfLines={1}>
             {person.distinct_id}
-          </TruncatedText>
+          </Text>
         )}
 
         {/* URL/Screen Display */}
         {columns.includes("url") && (
-          <TruncatedText className={urlRowClasses} numberOfLines={1}>
+          <Text className={urlRowClasses} numberOfLines={1}>
             {eventUrl}
-          </TruncatedText>
+          </Text>
         )}
 
         {/* Timestamp Display */}
         {columns.includes("timestamp") && (
-          <TruncatedText className={timeRowClasses} numberOfLines={1}>
+          <Text className={timeRowClasses} numberOfLines={1}>
             {timeAgo(eventTimestamp)}
-          </TruncatedText>
+          </Text>
         )}
       </View>