Merge branch 'archonsofficial:master' into master

archonsofficial · Aug 31, 2024 · d07f062 · d07f062
2 parents 827b910 + 4a451d2
commit d07f062
Show file tree

Hide file tree

Showing 15 changed files with 189 additions and 154 deletions.
diff --git a/src/components/HpBanner/HpBanner.tsx b/src/components/HpBanner/HpBanner.tsx
@@ -1,7 +1,10 @@
 import { Title, Text, Button, Container } from '@mantine/core';
 import classes from './HpBanner.module.css';
-
-export function HpBanner() {
+interface NavProps {
+  page:string;
+ setPage: React.Dispatch<React.SetStateAction<string>>
+}
+export function HpBanner({page,setPage}:NavProps) {
   return (
     <Container className={classes.wrapper} size={1400}>
       <div className={classes.inner}>
@@ -17,7 +20,7 @@ export function HpBanner() {
         </Container>
 
         <div className={classes.controls}>
-          <Button className={classes.control} size="lg" color='#058A4A'>
+          <Button className={classes.control} size="lg" color='#058A4A' onClick={()=>setPage('DetailsPage')}>
           Oraganize Your Tournament
           </Button>
         </div>

diff --git a/src/components/HpForm/HpDetailPageLinks.tsx b/src/components/HpForm/HpDetailPageLinks.tsx
@@ -17,7 +17,7 @@ function HpDetailsPageLinks({page,setPage}:NavProps) {
   };
 
   return (
-    <Container className={styles.formContainer}>
+    <Container  mt={30} className={styles.formContainer}>
       <Grid>
         <Grid.Col span={8}>
           <Grid>
@@ -47,11 +47,12 @@ function HpDetailsPageLinks({page,setPage}:NavProps) {
             <Image src={preview} alt="Uploaded Image" mt="md" radius="md"  />
           )}
         </Grid.Col>
-        <Group  >
-        <Button>Back to Home page</Button>
+
+      </Grid>
+      <Group  mt={50}>
+        <Button onClick={()=>setPage('DetailsPage')}>Prev</Button>
         <Button onClick={()=>setPage('PrizesPage')}>Next</Button>
         </Group> 
-      </Grid>
     </Container>
   );
 };

diff --git a/src/components/HpForm/HpDetailsPage.module.css b/src/components/HpForm/HpDetailsPage.module.css
@@ -5,6 +5,10 @@
     border-radius: 8px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     width: 500px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
   }
 
   @media (max-width: 768px) {

diff --git a/src/components/HpForm/HpDetailsPage.tsx b/src/components/HpForm/HpDetailsPage.tsx
@@ -27,11 +27,11 @@ function HpDetailsPage({page,setPage}:NavProps) {
         <Grid.Col span={12}>
           <Textarea label="Tournament Details" placeholder="Provide details of the tournament" required />
         </Grid.Col>
-      <Group  >
-        <Button>Back to Home page</Button>
-        <Button onClick={()=>setPage('LinksPage')}>Next</Button>
-        </Group>    
        </Grid>
+       <Group mt={50}  >
+        <Button onClick={()=>setPage('')}>Prev</Button>
+        <Button onClick={()=>setPage('LinksPage')}>Next</Button>
+        </Group>  
     </Container>
   );
 };

diff --git a/src/components/HpForm/HpDetailsubmit.tsx b/src/components/HpForm/HpDetailsubmit.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Button, Container, Select, Text } from '@mantine/core';
+import { Button, Container, Select, Text,Group } from '@mantine/core';
 import classes from './HpDetailsPage.module.css';
 interface NavProps {
   page:string;
@@ -83,17 +83,17 @@ export function HpDetailsubmit({page,setPage}:NavProps) {
         )}
       </div>
 
-      <Button
-        fullWidth
-        mt="md"
-        className={classes.viewPlayersButton}
-        color="green"
-        variant="outline"
-        radius="md"
-        size="md"
-      >
-        View all the Registered Players
+      <Group mt={50}>
+      <Button onClick={()=>setPage('SchedulePage')}>
+        Prev
       </Button>
+      <Button>
+       <a href="/" style={{textDecoration:'none',color:'white'}}>Back to Home</a>
+      </Button>
+      <Button >
+       Your Profile
+      </Button>
+      </Group>
     </Container>
   );
 }
diff --git a/src/components/HpForm/HpFormPrizePage.tsx b/src/components/HpForm/HpFormPrizePage.tsx
@@ -13,7 +13,7 @@ function HpFormPrizePage({page,setPage}:NavProps){
           <TextInput label="Prize Name" placeholder="Enter tournament Name" required />
         </Grid.Col>
         <Grid.Col span={6} >
-          <TextInput label="Amount" placeholder="DD/MM/YYYY" required />
+          <TextInput label="Amount" placeholder="INR 1 Lakh for 1st Position" />
         </Grid.Col>
         <Grid.Col span={7} >
           <TextInput label="Trophy" placeholder="Describe the Trophy" required />
@@ -26,8 +26,8 @@ function HpFormPrizePage({page,setPage}:NavProps){
         <Button variant='outline' color='red'>Delete Prize</Button>
         </Grid.Col>
       </Grid>
-      <Group  >
-        <Button>Back to Home page</Button>
+      <Group mt={50} >
+        <Button onClick={()=>setPage('LinksPage')}>Prev</Button>
         <Button onClick={()=>setPage('SchedulePage')}>Next</Button>
         </Group> 
     </Container>

diff --git a/src/components/HpForm/HpSchedulePage.tsx b/src/components/HpForm/HpSchedulePage.tsx
@@ -38,7 +38,7 @@ function HpSchdulePage({page,setPage}:NavProps) {
   };
 
   return (
-    <Container className={styles.formContainer}>
+    <Container mt={30} className={styles.formContainer}>
       {schedules.map((schedule, index) => (
         <div key={index} className={styles.scheduleContainer}>
           <Grid>
@@ -116,8 +116,8 @@ function HpSchdulePage({page,setPage}:NavProps) {
       >
         Add Schedule
       </Button>
-      <Group  >
-        <Button>Back to Home page</Button>
+      <Group mt={50} >
+        <Button onClick={()=>setPage('PrizesPage')}>Prev</Button>
         <Button onClick={()=>setPage('SubmitPage')}>Next</Button>
         </Group> 
     </Container>

diff --git a/src/components/HpFormNavbar/HpFormNavbar.module.css b/src/components/HpFormNavbar/HpFormNavbar.module.css
@@ -5,6 +5,9 @@
     /* padding: 1rem; */
     background-color: #06A3571A;
   }
+  .active{
+    background-color: white;
+  }
   .links {
     display: flex;
     gap: 1rem;

diff --git a/src/components/HpFormNavbar/HpFormNavbar.tsx b/src/components/HpFormNavbar/HpFormNavbar.tsx
@@ -1,19 +1,22 @@
 import React, { useState } from 'react';
 import { Burger, Drawer, Group, Button } from '@mantine/core';
 import classes from './HpFormNavbar.module.css';
-
-const HpFormNavbar: React.FC = () => {
+interface NavProps {
+  page:string;
+ setPage: React.Dispatch<React.SetStateAction<string>>
+}
+function HpFormNavbar({page,setPage}:NavProps) {
   const [opened, setOpened] = useState(false);
 
   return (
     <>
       <div className={classes.navbar}>
         <div className={classes.links}>
-          <Button className={classes.Btn} variant="subtle">Details</Button>
-          <Button className={classes.Btn} variant="subtle">Links</Button>
-          <Button className={classes.Btn} variant="subtle">Prizes</Button>
-          <Button className={classes.Btn} variant="subtle">Schedule</Button>
-          <Button className={classes.Btn} variant="subtle">Submit</Button>
+          <Button onClick={()=>setPage('DetailsPage')} className={`${classes.Btn} ${page==='DetailsPage'?classes.active:classes.inactive}`} variant="subtle">Details</Button>
+          <Button onClick={()=>setPage('LinksPage')} className={`${classes.Btn} ${page==='LinksPage'?classes.active:classes.inactive}`} variant="subtle">Links</Button>
+          <Button onClick={()=>setPage('PrizesPage')} className={`${classes.Btn} ${page==='PrizesPage'?classes.active:classes.inactive}`} variant="subtle">Prizes</Button>
+          <Button onClick={()=>setPage('SchedulePage')} className={`${classes.Btn} ${page==='SchedulePage'?classes.active:classes.inactive}`} variant="subtle">Schedule</Button>
+          <Button onClick={()=>setPage('SubmitPage')} className={`${classes.Btn} ${page==='SubmitPage'?classes.active:classes.inactive}`} variant="subtle">Submit</Button>
         </div>
         <Burger opened={opened} onClick={() => setOpened((o) => !o)} className={classes.burger} />
       </div>
@@ -24,11 +27,11 @@ const HpFormNavbar: React.FC = () => {
         padding="md"
         size="sm"
       >
-        <Button variant="subtle" fullWidth>Details</Button>
-        <Button variant="subtle" fullWidth>Links</Button>
-        <Button variant="subtle" fullWidth>Prizes</Button>
-        <Button variant="subtle" fullWidth>Schedule</Button>
-        <Button variant="subtle" fullWidth>Submit</Button>
+        <Button onClick={()=>setPage('DetailsPage')} variant="subtle" fullWidth>Details</Button>
+        <Button onClick={()=>setPage('LinksPage')} variant="subtle" fullWidth>Links</Button>
+        <Button onClick={()=>setPage('PrizesPage')} variant="subtle" fullWidth>Prizes</Button>
+        <Button onClick={()=>setPage('SchedulePage')} variant="subtle" fullWidth>Schedule</Button>
+        <Button onClick={()=>setPage('SubmitPage')} variant="subtle" fullWidth>Submit</Button>
       </Drawer>
     </>
   );

diff --git a/src/components/LpStepintoArena/Arena.tsx b/src/components/LpStepintoArena/Arena.tsx
@@ -16,26 +16,28 @@ export function Arena() {
         <Group className={classes.controls}>
         <h1 >Join the Action –</h1>
 
-          <Button
+          <a href="Signup"><Button
             size="xl"
             className={classes.control}
             variant="gradient"
             gradient={{ from: 'blue', to: 'cyan' }}
           >
             Sign Up Now
-          </Button>
+          </Button></a>
         </Group>
         <Group className={classes.controls}>
         <h1 >Make Your Mark –</h1>
 
-          <Button
+         <a href="/HostingPage">
+         <Button
             size="xl"
             className={classes.control}
             variant="gradient"
             gradient={{ from: 'blue', to: 'cyan' }}
           >
             Host an Event
           </Button>
+         </a>
         </Group>
       </Container>