fix: updated background of events page

hack4bengal · Mar 3, 2024 · 03eb65a · 03eb65a
1 parent 37c355b
commit 03eb65a
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 14 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/App.jsx b/src/App.jsx
@@ -22,6 +22,7 @@ const App = () => {
             <Route exact path="/coc" element={<CodeofConduct />} />
             <Route exact path="/brand" element={<Brand />} />
             <Route exact path="/tg" element={<Telegram />} />
+            <Route exact path="/events" element={<Events />} />
           </Routes>
         </Suspense>
       </main>

diff --git a/src/assets/data/SpeakersContent.js b/src/assets/data/SpeakersContent.js
@@ -5,7 +5,7 @@ const speakers = [
   {
     id: 1,
     name: "Saurabh Kumar Jha",
-    topic: "Designing for Diversity",
+    topic: "Breaking Barriers in Design",
     date: "Dec 23, 2023",
     time: "18:00 IST",
     button: {
@@ -18,7 +18,7 @@ const speakers = [
   {
     id: 2,
     name: "Saurabh Kumar Jha",
-    topic: "Designing for Diversity",
+    topic: "Breaking Barriers in Design",
     date: "Dec 23, 2023",
     time: "18:00 IST",
     button: {
@@ -31,7 +31,7 @@ const speakers = [
   {
     id: 3,
     name: "Saurabh Kumar Jha",
-    topic: "Designing for Diversity",
+    topic: "Breaking Barriers in Design",
     date: "Dec 23, 2023",
     time: "18:00 IST",
     button: {
@@ -44,7 +44,7 @@ const speakers = [
   {
     id: 4,
     name: "Saurabh Kumar Jha",
-    topic: "Designing for Diversity",
+    topic: "Breaking Barriers in Design",
     date: "Dec 23, 2023",
     time: "18:00 IST",
     button: {
@@ -57,7 +57,7 @@ const speakers = [
   {
     id: 5,
     name: "Saurabh Kumar Jha",
-    topic: "Designing for Diversity",
+    topic: "Breaking Barriers in Design",
     date: "Dec 23, 2023",
     time: "18:00 IST",
     button: {
@@ -70,7 +70,7 @@ const speakers = [
   {
     id: 6,
     name: "Saurabh Kumar Jha",
-    topic: "Designing for Diversity",
+    topic: "Breaking Barriers in Design",
     date: "Dec 23, 2023",
     time: "18:00 IST",
     button: {

diff --git a/src/assets/images/EventsImages/SpeakerScheduleBackground.webp b/src/assets/images/EventsImages/SpeakerScheduleBackground.webp
diff --git a/src/components/private/speakerschedule/SpeakerSchedule.scss b/src/components/private/speakerschedule/SpeakerSchedule.scss
@@ -1,8 +1,4 @@
 .speakerschedule {
-  background-image: url("../../../assets/images/EventsImages/SpeakerScheduleBackground.webp");
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
   width: 100%;
   overflow-x: hidden;
   display: flex;

diff --git a/src/pages/events/Events.jsx b/src/pages/events/Events.jsx
@@ -1,7 +1,6 @@
 import React, { useEffect } from "react";
 import "./Events.scss";
 import SpeakerSchedule from "../../components/private/speakerschedule/SpeakerSchedule";
-import speakers from "../../assets/data/SpeakersContent";
 
 const Events = () => {
   useEffect(() => {

diff --git a/src/pages/events/Events.scss b/src/pages/events/Events.scss
@@ -1,6 +1,8 @@
 .events {
   width: 100%;
+  flex: 1;
   display: flex;
   flex-direction: column;
   overflow-x: hidden;
+  background: radial-gradient(circle at 0% 0%, #ff171723 0%, #0a0a0a85 50%);
 }