From e1eb1c25bbff21fbb2a031796e165cac88a814fa Mon Sep 17 00:00:00 2001
From: ojakoo <ilari.ojakorpi@gmail.com>
Date: Mon, 31 May 2021 12:30:50 +0300
Subject: [PATCH] language conditional sort for signup form buttons

---
 src/views/EventPage/EventPageView.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/views/EventPage/EventPageView.tsx b/src/views/EventPage/EventPageView.tsx
index b0ba105..cfd45a0 100644
--- a/src/views/EventPage/EventPageView.tsx
+++ b/src/views/EventPage/EventPageView.tsx
@@ -99,13 +99,15 @@ const EventPageView: React.FC<EventPageViewProps> = ({ event }) => {
           </p>
           {/* We may have multiple signup forms. Generate own Button for each one */}
           <SignupButtons>
-            {event.signupForm.sort((a, b) => (a.title_fi.localeCompare(b.title_fi))).map((sf) => (
-              <Link key={sf.id} to={`/signup/${sf.id}`}>
-                <Button data-e2e="signup-button" buttonStyle="filled" onClick={noop}>
-                  {isFi ? sf.title_fi : sf.title_en}
-                </Button>
-              </Link>
-            ))}
+            {event.signupForm
+              .sort((a, b) => (isFi ? a.title_fi.localeCompare(b.title_fi) : a.title_en.localeCompare(b.title_en)))
+              .map((sf) => (
+                <Link key={sf.id} to={`/signup/${sf.id}`}>
+                  <Button data-e2e="signup-button" buttonStyle="filled" onClick={noop}>
+                    {isFi ? sf.title_fi : sf.title_en}
+                  </Button>
+                </Link>
+              ))}
           </SignupButtons>
         </div>
       </StyledTextSection>