.exit

commit 435bb59c6cbaba1f0bda1a472a312f17d5c1c2ea (HEAD -> Atharva)
Author: AtharvaKhule-12 <khuleatharva@gmail.com>
Date:   Tue Jan 17 00:54:05 2023 +0530

    webexplore and codehive pages

diff --git a/Components/EventPage/Contest_desc/Contest_desc.tsx b/Components/EventPage/Contest_desc/Contest_desc.tsx
index a0f31a2..74de5df 100644
--- a/Components/EventPage/Contest_desc/Contest_desc.tsx
+++ b/Components/EventPage/Contest_desc/Contest_desc.tsx
@@ -1,34 +1,22 @@
 import React from "react";
 import styles from "./Contest_desc.module.css";
 
-const Contest_desc = () => {
+interface descProps {
+  propWhichIsArray: {
+    id: number,
+    text: string;
+  }[]
+}
+
+const Contest_desc = (props: descProps) => {
+
+  const array = props.propWhichIsArray
   return (
     <div className={styles.main}>
       <h1>Description</h1>
 
       <div className={styles.content}>
-        <p>
-          Join us in celebrating Republic Day with our coding contest! The
-          contest will consist of 8 problems, with 4 easy problems targeting
-          first year students, 2 medium problems targeting second year students,
-          and 2 hard problems targeting third and fourth year students. Each
-          problem will have partial marking, and the winner will be the
-          participant who scores the most points the earliest.
-        </p>
-
-        <p>
-          The problems have been created by top competitive programmers at our
-          institute and cover a range of topics in both basic and advanced data
-          structures and algorithms. This contest is a great opportunity to
-          prepare for the Newton School Grand Coding Contest and the upcoming
-          off-campus placement season.
-        </p>
-
-        <p>
-          After the contest ends, video and text editorials for the problems
-          will be provided. Dont miss this chance to challenge yourself and
-          improve your coding skills. We cant wait to see your solutions!
-        </p>
+        {array.map((item) => (<p>{item.text}</p>))}
       </div>
     </div>
   );
diff --git a/Components/EventPage/Contest_rules/Contest_rules.tsx b/Components/EventPage/Contest_rules/Contest_rules.tsx
index 892ae9a..8f1c2f6 100644
--- a/Components/EventPage/Contest_rules/Contest_rules.tsx
+++ b/Components/EventPage/Contest_rules/Contest_rules.tsx
@@ -1,26 +1,22 @@
 import styles from "./Contest_rules.module.css";
 
-function Contest_rules() {
+interface rulesProps {
+  propWhichIsArray: {
+    id: number,
+    text: string;
+  }[]
+}
+
+function Contest_rules(props: rulesProps) {
+  const array = props.propWhichIsArray
   return (
     <div className={styles.main}>
       <h1>Rules of participation</h1>
 
       <ul className={styles.content}>
-        <li>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis in
-          beatae quia voluptatem molestiae itaque assumenda reiciendis id
-          cupiditate quis.
-        </li>
-        <li>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis in
-          beatae quia voluptatem molestiae itaque assumenda reiciendis id
-          cupiditate quis.
-        </li>
-        <li>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis in
-          beatae quia voluptatem molestiae itaque assumenda reiciendis id
-          cupiditate quis.
-        </li>
+        {array.map((item) => (
+          <li key={item.id}>{item.text}</li>
+        ))}
       </ul>
     </div>
   );
diff --git a/Components/EventPage/EventBox.tsx b/Components/EventPage/EventBox.tsx
index ff5adaf..e3b9875 100644
--- a/Components/EventPage/EventBox.tsx
+++ b/Components/EventPage/EventBox.tsx
@@ -3,11 +3,18 @@ import eventImage from "../../public/event.png";
 import Image from "next/image";
 import LandingContent from "./LandingContent";
 
-function EventBox() {
+interface contestProps {
+  name: string,
+  type: string,
+  date: string,
+  content: string
+}
+
+function EventBox(props: contestProps) {
   return (
     <div className={classes.container}>
       <div className={classes.content}>
-        <LandingContent />
+        <LandingContent name={props.name} type={props.type} date={props.date} content={props.content} />
       </div>
       <div className={classes.content}>
         <div className={classes.img}>
diff --git a/Components/EventPage/Eventdescription.tsx b/Components/EventPage/Eventdescription.tsx
index a674984..32711fa 100644
--- a/Components/EventPage/Eventdescription.tsx
+++ b/Components/EventPage/Eventdescription.tsx
@@ -4,11 +4,29 @@ import Contest_prizes from "../EventPage/Contest_prizes/Contest_prizes";
 import ContactDetails from "./ContactDetails";
 import Contest_rules from "./Contest_rules/Contest_rules";
 
-const test = () => {
+interface mainProps {
+  propWhichIsArray: {
+    id: number,
+    text: string;
+  }[],
+  propWhichIsArray2: {
+    id: number,
+    text: string;
+  }[]
+}
+
+// interface rulesProps {
+//   propWhichIsArray: {
+//     id: number,
+//     text: string;
+//   }[]
+// }
+
+const test = (props: mainProps) => {
   return (
     <div>
-      <Contest_desc />
-      <Contest_rules />
+      <Contest_desc propWhichIsArray={props.propWhichIsArray}/>
+      <Contest_rules propWhichIsArray={props.propWhichIsArray2}/>
       <Contest_prizes />
       <ContactDetails />
     </div>
diff --git a/Components/EventPage/Landing.tsx b/Components/EventPage/Landing.tsx
index 11a9332..6267747 100644
--- a/Components/EventPage/Landing.tsx
+++ b/Components/EventPage/Landing.tsx
@@ -2,12 +2,19 @@ import Navbar from "../Header/Header";
 import EventBox from "./EventBox";
 import classes from "./Landing.module.css";
 
-function Landing() {
+interface contestProps {
+  name: string,
+  type: string,
+  date: string,
+  content: string
+}
+
+function Landing(props: contestProps) {
   return (
     <div className={classes.container}>
-      <EventBox />
+      <EventBox name={props.name} type={props.type} date={props.date} content={props.content} />
     </div>
-    
+
   );
 }
 
diff --git a/Components/EventPage/LandingContent.tsx b/Components/EventPage/LandingContent.tsx
index 0f6e4c2..edc955c 100644
--- a/Components/EventPage/LandingContent.tsx
+++ b/Components/EventPage/LandingContent.tsx
@@ -1,23 +1,28 @@
 import classes from "./LandingContent.module.css";
 
-function LandingContent() {
+interface contestProps {