Start page revert to one panel (#2409)

Don't show in changelog
Keep the name of the [previous commit](05807be350) for the changelog.

newIDE/app/src/HelpFinder/DocSearchArea.js

@@ -149,7 +149,7 @@ export default class DocSearchArea extends React.Component<Props, State> {
         <TextField
           id={'help-finder-search-bar'}
           fullWidth
-          hintText={t`Enter what you want to build.`}
+          hintText={t`Search on the documentation.`}
           value={this.props.value}
           onChange={(e, text) => this.props.onChange(text)}
         />

newIDE/app/src/HelpFinder/index.js

@@ -75,7 +75,7 @@ export default class HelpFinder extends React.PureComponent<Props, State> {
                 'http://wiki.compilgames.net/doku.php/gdevelop5/start'
               );
             }}
-            label={<Trans>Wiki</Trans>}
+            label={<Trans>Browse the documentation</Trans>}
           />,
         ]}
         cannotBeDismissed={false}

newIDE/app/src/MainFrame/EditorContainers/StartPage/EducationTutorialImage.js

@@ -1,23 +0,0 @@
-// @flow
-import * as React from 'react';
-import ThemeConsumer from '../../../UI/Theme/ThemeConsumer';
-
-const styles = {
-  logo: {
-    width: '100%',
-  },
-};
-
-const EducationTutorialImage = () => (
-  <ThemeConsumer>
-    {muiTheme => (
-      <img
-        src={muiTheme.educationTutorialImage.src}
-        alt=""
-        style={styles.logo}
-      />
-    )}
-  </ThemeConsumer>
-);
-
-export default EducationTutorialImage;

newIDE/app/src/MainFrame/EditorContainers/StartPage/index.js

@@ -10,7 +10,6 @@ import { type RenderEditorContainerPropsWithRef } from '../BaseEditor';
 import Window from '../../../Utils/Window';
 import { Line } from '../../../UI/Grid';
 import GDevelopLogo from './GDevelopLogo';
-import EducationTutorialImage from './EducationTutorialImage';
 import ScrollBackground from './ScrollBackground';
 import RaisedButton from '../../../UI/RaisedButton';
 import Text from '../../../UI/Text';
@@ -36,7 +35,6 @@ const styles = {
     justifyContent: 'center',
     flexShrink: 0,
     maxWidth: 400,
-    margin: 10,
   },
   logoPaper: {
     marginBottom: 10,
@@ -106,50 +104,6 @@ export class StartPage extends React.Component<Props, {||}> {
           <ScrollBackground>
             <div style={styles.innerContainer}>
               <Line expand justifyContent="center">
-                <div style={styles.centerContainer}>
-                  <Paper
-                    elevation={2}
-                    style={{
-                      ...styles.logoPaper,
-                    }}
-                  >
-                    <EducationTutorialImage />
-                    <Text>
-                      <Trans>
-                        Learn step-by-step how create your first game. You will
-                        learn basic concepts and will be able to play your game!
-                      </Trans>
-                    </Text>
-                  </Paper>
-                  <ColumnStackLayout noMargin>
-                    {
-                      <RaisedButton
-                        label={<Trans>Getting Started guide</Trans>}
-                        fullWidth
-                        onClick={() =>
-                          Window.openExternalURL(
-                            'http://wiki.compilgames.net/doku.php/gdevelop5/start'
-                          )
-                        }
-                        primary
-                      />
-                    }
-                    {
-                      <RaisedButton
-                        label={<Trans>Watch Tutorials</Trans>}
-                        fullWidth
-                        onClick={onOpenTutorials}
-                      />
-                    }
-                    {
-                      <FlatButton
-                        label={<Trans>Search the documentation</Trans>}
-                        fullWidth
-                        onClick={onOpenHelpFinder}
-                      />
-                    }
-                  </ColumnStackLayout>
-                </div>
                 <div style={styles.centerContainer}>
                   <Paper
                     elevation={2}
@@ -166,14 +120,13 @@ export class StartPage extends React.Component<Props, {||}> {
                     </Text>
                   </Paper>
                   <ColumnStackLayout noMargin>
-                    {!project && canOpen && (
+                    {
                       <RaisedButton
-                        label={<Trans>Open a project</Trans>}
+                        label={<Trans>Getting Started and Tutorials</Trans>}
                         fullWidth
-                        onClick={onOpen}
-                        primary
+                        onClick={onOpenTutorials}
                       />
-                    )}
+                    }
                     {!project && (
                       <RaisedButton
                         label={<Trans>Create a new project</Trans>}
@@ -182,6 +135,14 @@ export class StartPage extends React.Component<Props, {||}> {
                         primary
                       />
                     )}
+                    {!project && canOpen && (
+                      <RaisedButton
+                        label={<Trans>Open a project</Trans>}
+                        fullWidth
+                        onClick={onOpen}
+                        primary
+                      />
+                    )}
                     {!!project && (
                       <RaisedButton
                         label={<Trans>Open Project Manager</Trans>}
@@ -199,13 +160,6 @@ export class StartPage extends React.Component<Props, {||}> {
                         }}
                       />
                     )}
-                    {
-                      <FlatButton
-                        label={<Trans>Games Showcase</Trans>}
-                        fullWidth
-                        onClick={onOpenGamesShowcase}
-                      />
-                    }
                   </ColumnStackLayout>
                 </div>
               </Line>
@@ -230,12 +184,8 @@ export class StartPage extends React.Component<Props, {||}> {
                     />
                     <FlatButton
                       icon={<HelpIcon />}
-                      label={<Trans>Help and tutorials</Trans>}
-                      onClick={() =>
-                        Window.openExternalURL(
-                          'http://wiki.compilgames.net/doku.php/gdevelop5/start'
-                        )
-                      }
+                      label={<Trans>Help and documentation</Trans>}
+                      onClick={onOpenHelpFinder}
                     />
                   </Line>
                   <Line noMargin alignItems="center" justifyContent="center">

newIDE/app/src/UI/Theme/CreateTheme.js

@@ -212,9 +212,6 @@ export function createGdevelopTheme(
       logo: {
         src: 'res/GD-logo-big.png',
       },
-      educationTutorialImage: {
-        src: 'res/education_tutorial.png',
-      },
       gdevelopIconsCSSFilter,
     },
     muiThemeOptions: {