From e434b9729155678a2a24e9c63becb30b76df7327 Mon Sep 17 00:00:00 2001
From: MiroslavDionisiev <miroslav@scratch.org>
Date: Wed, 13 Nov 2024 11:32:55 +0200
Subject: [PATCH] fix: display guide from learn how to make project button

---
 src/components/welcome/welcome.jsx | 21 ++++++++++++++++++---
 src/views/splash/presentation.jsx  |  3 +++
 src/views/splash/splash.jsx        |  3 +++
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/welcome/welcome.jsx b/src/components/welcome/welcome.jsx
index 2028aea8b..1606a229c 100644
--- a/src/components/welcome/welcome.jsx
+++ b/src/components/welcome/welcome.jsx
@@ -1,5 +1,6 @@
 const PropTypes = require('prop-types');
 const React = require('react');
+const {shouldDisplayOnboarding} = require('../../lib/onboarding.js');
 
 const Box = require('../box/box.jsx');
 
@@ -19,11 +20,23 @@ const Welcome = props => (
     >
         <div className="welcome-col blue">
             <h4>
-                <a href="/projects/editor/?tutorial=getStarted">
+                <a
+                    href={
+                        shouldDisplayOnboarding(props.user, props.permissions) ?
+                            '/projects/editor/' :
+                            '/projects/editor/?tutorial=getStarted'
+                    }
+                >
                     {props.messages['welcome.learn']}
                 </a>
             </h4>
-            <a href="/projects/editor/?tutorial=getStarted">
+            <a
+                href={
+                    shouldDisplayOnboarding(props.user, props.permissions) ?
+                        '/projects/editor/' :
+                        '/projects/editor/?tutorial=getStarted'
+                }
+            >
                 <img
                     alt="Get Started"
                     src="/images/welcome-learn.png"
@@ -66,7 +79,9 @@ Welcome.propTypes = {
         'welcome.tryOut': PropTypes.string,
         'welcome.connect': PropTypes.string
     }),
-    onDismiss: PropTypes.func
+    onDismiss: PropTypes.func,
+    permissions: PropTypes.object,
+    user: PropTypes.object
 };
 
 Welcome.defaultProps = {
diff --git a/src/views/splash/presentation.jsx b/src/views/splash/presentation.jsx
index 3128b9c50..90296fe91 100644
--- a/src/views/splash/presentation.jsx
+++ b/src/views/splash/presentation.jsx
@@ -418,6 +418,8 @@ class SplashPresentation extends React.Component { // eslint-disable-line react/
                                     onDismiss={() => { // eslint-disable-line react/jsx-no-bind
                                         this.props.onDismiss('welcome');
                                     }}
+                                    permissions={this.props.permissions}
+                                    user={this.props.user}
                                 />
                             ] : [
                                 <WrappedActivityList
@@ -544,6 +546,7 @@ SplashPresentation.propTypes = {
     onDismiss: PropTypes.func.isRequired,
     onOpenAdminPanel: PropTypes.func.isRequired,
     onRefreshHomepageCache: PropTypes.func.isRequired,
+    permissions: PropTypes.object,
     refreshCacheStatus: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
     sessionStatus: PropTypes.string.isRequired,
     sharedByFollowing: PropTypes.arrayOf(PropTypes.object),
diff --git a/src/views/splash/splash.jsx b/src/views/splash/splash.jsx
index 531dd0776..3ed087e12 100644
--- a/src/views/splash/splash.jsx
+++ b/src/views/splash/splash.jsx
@@ -218,6 +218,7 @@ class Splash extends React.Component {
                 isEducator={this.props.isEducator}
                 lovedByFollowing={this.props.loved}
                 news={this.state.news}
+                permissions={this.props.permissions}
                 refreshCacheStatus={homepageRefreshStatus}
                 sessionStatus={this.props.sessionStatus}
                 sharedByFollowing={this.props.shared}
@@ -267,6 +268,7 @@ Splash.propTypes = {
     isAdmin: PropTypes.bool,
     isEducator: PropTypes.bool,
     loved: PropTypes.arrayOf(PropTypes.object).isRequired,
+    permissions: PropTypes.object,
     refreshSession: PropTypes.func.isRequired,
     reviewCommunityGuidelines: PropTypes.func.isRequired,
     sessionStatus: PropTypes.string,
@@ -302,6 +304,7 @@ const mapStateToProps = state => ({
     isAdmin: state.permissions.admin,
     isEducator: state.permissions.educator,
     loved: state.splash.loved.rows,
+    permissions: state.permissions,
     sessionStatus: state.session.status,
     shared: state.splash.shared.rows,
     studios: state.splash.studios.rows,