From 34073e59ce08a8d99533e31a2c0d649f34004332 Mon Sep 17 00:00:00 2001
From: Jalp <jalp.panchal44@gmail.com>
Date: Mon, 4 Nov 2024 09:02:43 -0500
Subject: [PATCH] fix(RR): add FAQ and fix pairings and crosstable page (#879)

* fix(RR): add FAQ and fix pairings and crosstable page

* fix(RR): add player size
---
 .../round-robin/CrosstablePage.tsx            |  7 +-
 .../tournaments/round-robin/InfoPage.tsx      | 76 ++++++++++++++++++-
 .../tournaments/round-robin/PairingPage.tsx   |  7 +-
 3 files changed, 86 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/(scoreboard)/tournaments/round-robin/CrosstablePage.tsx b/frontend/src/app/(scoreboard)/tournaments/round-robin/CrosstablePage.tsx
index 3a0c6a28..2e9ec44a 100644
--- a/frontend/src/app/(scoreboard)/tournaments/round-robin/CrosstablePage.tsx
+++ b/frontend/src/app/(scoreboard)/tournaments/round-robin/CrosstablePage.tsx
@@ -143,7 +143,12 @@ export const Crosstable = () => {
                                             {tournament.tournamentname}{' '}
                                             {showLeaderboard[tournament.info]
                                                 ? 'Leaderboard'
-                                                : 'Crosstable'}
+                                                : 'Crosstable'}{' '}
+                                            {tournament.players.length < 10
+                                                ? '[Registration Open]'
+                                                : '[Tournament Started]'}{' '}
+                                            {'Size: '}
+                                            {tournament.players.length}
                                         </Typography>
                                         <Button
                                             variant='contained'
diff --git a/frontend/src/app/(scoreboard)/tournaments/round-robin/InfoPage.tsx b/frontend/src/app/(scoreboard)/tournaments/round-robin/InfoPage.tsx
index 6a2d65d3..de3536f1 100644
--- a/frontend/src/app/(scoreboard)/tournaments/round-robin/InfoPage.tsx
+++ b/frontend/src/app/(scoreboard)/tournaments/round-robin/InfoPage.tsx
@@ -14,6 +14,7 @@ import {
     Typography,
 } from '@mui/material';
 
+import { AccessTime, HelpOutline } from '@mui/icons-material';
 import AllInclusiveIcon from '@mui/icons-material/AllInclusive';
 import EmojiEventsIcon from '@mui/icons-material/EmojiEvents';
 import GroupIcon from '@mui/icons-material/Group';
@@ -25,6 +26,62 @@ import RadioButtonCheckedIcon from '@mui/icons-material/RadioButtonChecked';
 import WavingHandIcon from '@mui/icons-material/WavingHand';
 import { SiChessdotcom, SiDiscord, SiLichess } from 'react-icons/si';
 
+const faqs = [
+    {
+        question: 'How do I register for the Dojo Round Robin?',
+        answer: 'Use the /register command in the Dojo Training Program Discord to join the tournament in your cohort.',
+    },
+    {
+        question: 'What are the time controls for different cohorts?',
+        answer: 'Time controls are based on your rating: Under 800: 30+0, 800-1200: 30+30, 1200+: 45+30, 1600+: 60+30, 2000+: 90+30.',
+    },
+    {
+        question: 'When do the tournaments start?',
+        answer: "The tournaments start after registration period ends, and when there are atleast 10 players, if 10 players can't be found the tournaments may begin. Look out for offical annoucement from @Alex Dodd on Discord about tournaments starting. ",
+    },
+    {
+        question:
+            "When I register for the tournaments the bot doesn't allow me, why is that?",
+        answer: 'Make sure you have verified either of Lichess/Chess.com accounts with /verify or /verifychesscom, also make sure to pick your cohort role in #roles, if an issue still persists contact @Noobmaster or create tech ticket',
+    },
+    {
+        question: 'What if I want to withdraw from the tournament?',
+        answer: "You can withdraw from the tournament with /withdraw BUT you can't join back after withdrawing",
+    },
+    {
+        question: 'How do I schedule the round games?',
+        answer: 'You can schedule the round games from #round-robin-find-games, you can use either Lichess/Chess.com or OTB',
+    },
+    {
+        question: 'I just played a game, do I have to submit the game somewhere?',
+        answer: 'No! The system will automatically find your games and track the crosstables, however if you suspect your game scores are not up to date, or there is wrong game URL in game panel please contact @Alex Dodd or @Noobmaster',
+    },
+    {
+        question: 'What happens if I suspect someone of cheating?',
+        answer: 'Report it immediately. Cheating is taken very seriously, and players caught cheating will be banned from the server.',
+    },
+    {
+        question: 'I have other question which is not here, where should I ask?',
+        answer: 'No worries! You can ask them in #round-robin-player-chat or create a training prgram ticket',
+    },
+];
+
+const FAQSection = () => (
+    <Stack spacing={2}>
+        <Typography variant='h6' color='text.secondary'>
+            <HelpOutline sx={{ verticalAlign: 'middle', mr: 1 }} color='dojoOrange' />
+            Frequently Asked Questions
+        </Typography>
+        <List>
+            {faqs.map((faq, index) => (
+                <ListItem key={index}>
+                    <ListItemText primary={faq.question} secondary={faq.answer} />
+                </ListItem>
+            ))}
+        </List>
+    </Stack>
+);
+
 /**
  * Handles the info page
  * @returns the info page
@@ -66,7 +123,19 @@ export const InfoPage = () => {
                     <ListItemIcon>
                         <EmojiEventsIcon sx={{ color: 'text.secondary' }} />
                     </ListItemIcon>
-                    <ListItemText primary='Schedule games at your own pace, with 2 months to complete the round games' />
+                    <ListItemText primary='Schedule games at your own pace, with 3 months to complete the 9 round games' />
+                </ListItem>
+                <ListItem>
+                    <ListItemIcon>
+                        <AccessTime sx={{ color: 'text.secondary' }} />
+                    </ListItemIcon>
+                    <ListItemText
+                        primary='Play classical time control games recommended by Training program for your cohort: Under 800: 30+0
+800-1200: 30+30
+1200+: 45+30
+1600+: 60+30
+2000+: 90+30'
+                    />
                 </ListItem>
                 <ListItem>
                     <ListItemIcon>
@@ -101,7 +170,7 @@ export const InfoPage = () => {
                     <ListItemIcon>
                         <SiDiscord fontSize={25} style={{ color: '#5865f2' }} />
                     </ListItemIcon>
-                    <ListItemText primary='Run /register to automatically get placed in your own cohort Dojo round robin tournament!' />
+                    <ListItemText primary='Head over to #roles and pick round robin role, then go to #round-robin-player-commands channel to register via /register to automatically get placed in your own cohort Dojo round robin tournament!' />
                 </ListItem>
             </List>
 
@@ -174,6 +243,8 @@ export const InfoPage = () => {
 
             <Divider />
 
+            <FAQSection />
+
             <Typography variant='h6' color='text.secondary'>
                 <SiDiscord
                     style={{ verticalAlign: 'middle', marginRight: 9, color: '#5865f2' }}
@@ -213,6 +284,7 @@ export const InfoPage = () => {
                     </TableBody>
                 </Table>
             </TableContainer>
+            <Divider />
         </Stack>
     );
 };
diff --git a/frontend/src/app/(scoreboard)/tournaments/round-robin/PairingPage.tsx b/frontend/src/app/(scoreboard)/tournaments/round-robin/PairingPage.tsx
index 44cb7dcf..56fd001e 100644
--- a/frontend/src/app/(scoreboard)/tournaments/round-robin/PairingPage.tsx
+++ b/frontend/src/app/(scoreboard)/tournaments/round-robin/PairingPage.tsx
@@ -152,7 +152,12 @@ export const PairingsPage = () => {
                                                             size={25}
                                                         />{' '}
                                                         {tournament.tournamentname}{' '}
-                                                        Tournament Pairings
+                                                        Tournament Pairings{' '}
+                                                        {tournament.players.length < 10
+                                                            ? '[Registration Open]'
+                                                            : '[Tournament Started]'}{' '}
+                                                        {'Size: '}
+                                                        {tournament.players.length}
                                                     </Typography>
                                                 </TableCell>
                                             </TableRow>