[docs] reorder the development mode tiles on the setup environment pa…

…ge (expo#29193)
duogenesis · May 29, 2024 · 9be1ca7 · 9be1ca7
1 parent cc28b25
commit 9be1ca7
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/docs/scenes/get-started/set-up-your-environment/DevelopmentModeForm.tsx b/docs/scenes/get-started/set-up-your-environment/DevelopmentModeForm.tsx
@@ -16,7 +16,7 @@ export function DevelopmentModeForm() {
         if (query.mode) {
           setMode(query.mode as DevelopmentMode);
         } else {
-          setMode('expo-go');
+          setMode('development-build');
         }
       }
     },
@@ -40,15 +40,6 @@ export function DevelopmentModeForm() {
 
   return (
     <div className="flex flex-wrap gap-4">
-      <SelectCard
-        imgSrc="/static/images/get-started/expo-go.png"
-        darkImgSrc="/static/images/get-started/expo-go-dark.png"
-        title="Expo Go"
-        alt="Expo Go"
-        description="Try out app development in a limited sandbox without custom native modules. Great for testing out Expo quickly. Not intended for long-term projects."
-        isSelected={mode === 'expo-go'}
-        onClick={() => onRadioChange('expo-go')}
-      />
       <SelectCard
         imgSrc="/static/images/get-started/development-build.png"
         darkImgSrc="/static/images/get-started/development-build-dark.png"
@@ -58,6 +49,15 @@ export function DevelopmentModeForm() {
         isSelected={mode === 'development-build'}
         onClick={() => onRadioChange('development-build')}
       />
+      <SelectCard
+        imgSrc="/static/images/get-started/expo-go.png"
+        darkImgSrc="/static/images/get-started/expo-go-dark.png"
+        title="Expo Go"
+        alt="Expo Go"
+        description="Try out app development in a limited sandbox without custom native modules. Great for testing out Expo quickly. Not intended for long-term projects."
+        isSelected={mode === 'expo-go'}
+        onClick={() => onRadioChange('expo-go')}
+      />
     </div>
   );
 }