chore(ui): update metro config

Author: byCedric

apps/example/.gitignore

@@ -0,0 +1,6 @@
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli

packages/expo-atlas-ui/metro.config.js

@@ -40,6 +40,9 @@ if (process.env.NODE_ENV === 'development') {
   const { AtlasFileSource } = require('expo-atlas/build/src/data/AtlasFileSource');
   const filePath = path.resolve(__dirname, './fixture/expo-51-default.jsonl');
 
+  // To test the example app, use this instead after exporting the apps/example
+  // const filePath = path.resolve(__dirname, '../../apps/example/.expo/atlas.jsonl');
+
   global.EXPO_ATLAS_SOURCE = new AtlasFileSource(filePath);
 }
 

packages/expo-atlas-ui/src/components/BundleSelectForm.tsx

@@ -22,7 +22,7 @@ export function BundleSelectForm() {
   const bundlesByPlatform = useMemo(() => groupBundlesByPlatform(bundles), [bundles]);
 
   return (
-    <Select value={bundle.id} onValueChange={(bundle) => router.setParams({ bundle })}>
+    <Select open value={bundle.id} onValueChange={(bundle) => router.setParams({ bundle })}>
       <SelectTrigger className="!w-auto">
         <SelectValue placeholder="Select a fruit" />
       </SelectTrigger>
@@ -34,12 +34,12 @@ export function BundleSelectForm() {
           }
 
           return (
-            <SelectGroup key={platform}>
-              <SelectLabel className="m-0.5 capitalize">
+            <SelectGroup key={platform} className="my-1">
+              <SelectLabel className="mx-1 capitalize">
                 <PlatformName platform={platform} />
               </SelectLabel>
               {bundles.length === 0 ? (
-                <SelectItem disabled value="none" className="italic mb-1">
+                <SelectItem disabled value="none" className="italic" style={{ paddingTop: 0 }}>
                   No bundle available for this platform
                 </SelectItem>
               ) : (