Wording adjustments

Author: fzaninotto

packages/create-react-admin/src/StepAuthProvider.tsx

@@ -25,7 +25,7 @@ export const StepAuthProvider = ({
     return (
         <Stack>
             <Text>
-                Select the auth provider you want to use and validate with
+                Select the auth provider you want to use, and validate with
                 Enter:
             </Text>
             <SelectInput

packages/create-react-admin/src/StepDataProvider.tsx

@@ -9,25 +9,25 @@ const SupportedDataProviders: ChoiceType[] = [
         label: 'Fakerest',
         value: 'ra-data-fakerest',
         description:
-            'A client-side in memory data provider that use a JSON object as its initial data.',
+            'A client-side, in-memory data provider that use a JSON object as its initial data.',
     },
     {
         label: 'JSON Server',
         value: 'ra-data-json-server',
         description:
-            'A dataProvider based on JSON Server dialect (https://github.com/typicode/json-server)',
+            'A data provider based on a JSON Server API (https://github.com/typicode/json-server)',
     },
     {
         label: 'Simple REST',
         value: 'ra-data-simple-rest',
         description:
-            'A Simple REST Data Provider (https://github.com/marmelab/react-admin/tree/master/packages/ra-data-simple-rest)',
+            'A Simple REST data drovider (https://github.com/marmelab/react-admin/tree/master/packages/ra-data-simple-rest)',
     },
     {
         label: 'None',
         value: 'none',
         description:
-            'Choose this if the dataProvider you want to use is not supported by this tool yet.',
+            "I'll configure the data provider myself.",
     },
 ];
 
@@ -43,7 +43,7 @@ export const StepDataProvider = ({
     return (
         <Stack>
             <Text>
-                Select the data provider you want to use and validate with
+                Select the data provider you want to use, and validate with
                 Enter:
             </Text>
             <SelectInput<string>

packages/create-react-admin/src/StepInstall.tsx

@@ -6,15 +6,15 @@ import { Stack } from './Stack.js';
 
 const choices: ChoiceType[] = [
     {
-        label: 'Install dependencies with npm',
+        label: 'Using npm',
         value: 'npm',
     },
     {
-        label: 'Install dependencies with yarn',
+        label: 'Using yarn',
         value: 'yarn',
     },
     {
-        label: "Don't install dependencies",
+        label: "Don't install dependencies, I'll do it myself.",
         value: '',
     },
 ];
@@ -29,7 +29,7 @@ export const StepInstall = ({
     };
     return (
         <Stack>
-            <Text>Should we install the dependencies for you?</Text>
+            <Text>How do you want to install the dependencies?</Text>
             <SelectInput<string>
                 items={choices}
                 itemComponent={SelectInputChoice}

packages/create-react-admin/src/StepName.tsx

@@ -21,7 +21,7 @@ export const StepName = ({
     return (
         <Stack>
             <Text>
-                Enter the name of your application and validate with Enter:
+                Enter the name of your application, and validate with Enter:
             </Text>
             <TextInput
                 value={value}

packages/create-react-admin/src/StepResources.tsx

@@ -28,7 +28,7 @@ export const StepResources = ({
                     : 'No resource yet'}
             </Text>
             <Text>
-                Enter the name of a resource you want to add and validate with
+                Enter the name of a resource you want to add, and validate with
                 Enter (leave empty to finish):
             </Text>
             <TextInput

packages/create-react-admin/src/app.tsx

@@ -1,5 +1,5 @@
 import React, { useReducer, useRef } from 'react';
-import { Box, Text } from 'ink';
+import { Box, Text, Newline } from 'ink';
 import {
     InitialProjectConfiguration,
     ProjectConfiguration,
@@ -135,18 +135,15 @@ export default function App({ name = 'my-admin' }: Props) {
                 </Text>
             ) : (
                 <Box>
-                    <Box>
-                        <Text>
-                            Install the dependencies using your favorite package
-                            manager.
-                        </Text>
-                    </Box>
-                    <Box>
-                        <Text>
-                            Run the <Text bold>dev</Text> command to start the
-                            app.
-                        </Text>
-                    </Box>
+                    <Text>
+                        Install the dependencies using your favorite package
+                        manager.
+                    </Text>
+                    <Newline />
+                    <Text>
+                        Run the <Text bold>dev</Text> command to start the
+                        app.
+                    </Text>
                 </Box>
             )}
             <Box marginBottom={1}>