Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@USERSATOSHI
USERSATOSHI committed Oct 27, 2023
1 parent 742309a commit 0a1ffff
Show file tree
Hide file tree
Showing 2 changed files with 99 additions and 90 deletions.
165 changes: 83 additions & 82 deletions enyugma-frontend/src/Pages/EventDetail/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -96,39 +96,39 @@ export default function EventDetail() {

return (
<>
<Suspense fallback={<Preloader />}>
<Box
className="event-detail"
sx={{
backgroundImage: `linear-gradient(180deg,rgba(0,0,0,0.7) 20%,rgba(6,12,32,1) 70%), url(${eventBg})`,
overflow: "hidden",
}}
>
<Navbar />
<div className="abs">
<Stars2 />
</div>
<Typography variant="h2" className="event-name">
{eventDetails.name}
</Typography>
<BasicTabs eventDetails={eventDetails} />
<br />
<Button variant="contained" className="register-button">
Register
</Button>
{eventDetails.id === "bitbybit" && (
<div
className="apply-button"
data-hackathon-slug="bitbybit-1"
data-button-theme="dark"
style={{
height: "44px",
width: "312px",
}}
></div>
)}
</Box>
</Suspense>
<Suspense fallback={<Preloader />}>
<Box
className="event-detail"
sx={{
backgroundImage: `linear-gradient(180deg,rgba(0,0,0,0.7) 20%,rgba(6,12,32,1) 70%), url(${eventBg})`,
overflow: "hidden",
}}
>
<Navbar />
<div className="abs">
<Stars2 />
</div>
<Typography variant="h2" className="event-name">
{eventDetails.name}
</Typography>
<BasicTabs eventDetails={eventDetails} />
<br />
<Button variant="contained" className="register-button">
Register
</Button>
{eventDetails.id === "bitbybit" && (
<div
className="apply-button"
data-hackathon-slug="bitbybit-1"
data-button-theme="dark"
style={{
height: "44px",
width: "312px",
}}
></div>
)}
</Box>
</Suspense>
</>
);
}
Expand Down Expand Up @@ -242,16 +242,6 @@ function BasicTabs({ eventDetails }) {
{eventDetails.eventType === "cultural" && (
<Tab label="Judging Criteria" {...a11yProps(5)} />
)}
{eventDetails.sponsors && (
<Tab
label="Sponsors"
{...a11yProps(
eventDetails.eventType === "cultural"
? 6
: 4,
)}
/>
)}
</Tabs>
</Box>
<Box
Expand Down Expand Up @@ -300,6 +290,56 @@ function BasicTabs({ eventDetails }) {
})
: eventDetails.description}
</Typography>
<div className="sponsors">
{eventDetails.sponsors && (
<>
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<div className="sponsorslis">
<div className="sponsors">
<div className="title">
Gold Sponsors
</div>
<div className="list">
{eventDetails.sponsors.gold.map(
(sponsor, i) => (
<EventDetailSponsorCard
key={i}
name={""}
logo={sponsor.logo}
link={sponsor.link}
/>
),
)}
</div>
</div>
<div className="sponsors">
<div className="title">
Silver Sponsors
</div>
<div className="list">
{eventDetails.sponsors.silver.map(
(sponsor, i) => (
<EventDetailSponsorCard
name={""}
logo={sponsor.logo}
link={sponsor.link}
key={i}
/>
),
)}
</div>
</div>
</div>
</>
)}
</div>
</Box>
</CustomTabPanel>
{eventDetails.eventType !== "workshop" && (
Expand Down Expand Up @@ -468,45 +508,6 @@ function BasicTabs({ eventDetails }) {
</CustomTabPanel>
</>
)}
{eventDetails.sponsors && (
<CustomTabPanel
value={value}
index={
eventDetails.eventType === "cultural" ? 6 : 4
}
>
<div className="sponsors">
<div className="title">Gold Sponsors</div>
<div className="list">
{eventDetails.sponsors.gold.map(
(sponsor, i) => (
<EventDetailSponsorCard
key={i}
name={""}
logo={sponsor.logo}
link={sponsor.link}
/>
),
)}
</div>
</div>
<div className="sponsors">
<div className="title">Silver Sponsors</div>
<div className="list">
{eventDetails.sponsors.silver.map(
(sponsor, i) => (
<EventDetailSponsorCard
name={""}
logo={sponsor.logo}
link={sponsor.link}
key={i}
/>
),
)}
</div>
</div>
</CustomTabPanel>
)}
</Box>
</Box>
</ThemeProvider>
Expand Down
24 changes: 16 additions & 8 deletions enyugma-frontend/src/Pages/EventDetail/index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,14 +38,22 @@
align-items: center;
justify-content: center;
flex-wrap: wrap;

}








.sponsorslis {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.sponsors {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

.title {
font-size: 40px;
}
}
}
}

0 comments on commit 0a1ffff

Please sign in to comment.