From 06379ea1bb2e15dffe741dafe24039c663ecda62 Mon Sep 17 00:00:00 2001
From: kytwb <kytwb@pm.me>
Date: Sun, 12 Dec 2021 20:33:43 +0100
Subject: #2319 Limit and shuffle recipes displayed on Welcome screen

---
 src/components/auth/Welcome.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/auth/Welcome.js b/src/components/auth/Welcome.js
index 794c78987..c97f84a1f 100644
--- a/src/components/auth/Welcome.js
+++ b/src/components/auth/Welcome.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { observer, PropTypes as MobxPropTypes, inject } from 'mobx-react';
 import { defineMessages, injectIntl } from 'react-intl';
 import serverlessLogin from '../../helpers/serverless-helpers';
+import { shuffleArray } from '../../helpers/array-helpers';
 
 import Link from '../ui/Link';
 
@@ -37,8 +38,10 @@ class Login extends Component {
 
   render() {
     const { intl } = this.props;
-    const { loginRoute, signupRoute, changeServerRoute, recipes } = this.props;
-
+    const { loginRoute, signupRoute, changeServerRoute } = this.props;
+    let { recipes } = this.props;
+    recipes = shuffleArray(recipes);
+    recipes.length = 8 * 3;
     return (
       <div className="welcome">
         <div className="welcome__content">
-- 
cgit v1.2.3-70-g09d2