Solved minor bugs

kuosc2005 · Aug 28, 2023 · 91f24d3 · 91f24d3
1 parent 79a5350
commit 91f24d3
Show file tree

Hide file tree

Showing 22 changed files with 431 additions and 413 deletions.
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/assets/css/index.css b/public/assets/css/index.css
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -12,7 +12,7 @@
       href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900"
       rel="stylesheet"
     />
-    <title>IT Meet 2022</title>
+    <title>IT Meet 2023</title>
     <link
       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
       rel="stylesheet"

diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/src/assets/images/marker.svg b/src/assets/images/marker.svg
diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
@@ -95,7 +95,7 @@ export default function Footer() {
             </footer>
             <a href="#">
                 <div id="scrollUp">
-                    <i class="fa fa-angle-double-up"></i>
+                    <i className="fa fa-angle-double-up"></i>
                 </div>
             </a>
         </div>

diff --git a/src/components/NavigationBar/Navigation.sass b/src/components/NavigationBar/Navigation.sass
@@ -7,3 +7,5 @@
         & li
             & a
                 color: var(--color-white) !important
+    .menu-link
+        color: white !important
diff --git a/src/components/Slider/index.js b/src/components/Slider/index.js
@@ -15,11 +15,15 @@ const Slider = (props) => {
         },
         tablet: {
             breakpoint: { max: 1350, min: 1115 },
-            items: 4
+            items: 3
         },
         mobile: {
-            breakpoint: { max: 464, min: 0 },
+            breakpoint: { max: 1115, min: 580 },
             items: 2
+        },
+        smobile: {
+            breakpoint: { max: 580, min: 0 },
+            items: 1
         }
     };
     return (

diff --git a/src/pages/AllEvents/index.js b/src/pages/AllEvents/index.js
@@ -22,8 +22,8 @@ export default function AllEvents() {
     }, [])
     return (
         <div className='AllEvents'>
-            {event.map(element => (
-                <div className="card" onClick={() => {
+            {event.map((element, index) => (
+                <div className="card" key={index} onClick={() => {
                     navigate(`/event/${element.$id}`)
                 }}>
                     <div className="card-block">

diff --git a/src/pages/AllPreEvent/index.js b/src/pages/AllPreEvent/index.js
@@ -32,8 +32,8 @@ export default function AllPreEvents() {
                     <div>
                         <div className="row hidden-md-up">
                             <div className="cards">
-                                {event.map(element => (
-                                    <div className="card" onClick={() => {
+                                {event.map((element, key) => (
+                                    <div className="card" key={key} onClick={() => {
                                         navigate(`/event/${element.$id}`)
                                     }}>
                                         <div className="content">

diff --git a/src/pages/HomePage/P3/index.js b/src/pages/HomePage/P3/index.js
@@ -47,20 +47,20 @@ export default function P3() {
                 <div className='carousel'>
                     <Slider >
                         {
-                            event.map(element => {
+                            event.map((element, index) => {
                                 return (
-                                    <div class="item">
+                                    <div className="item" key={index}>
                                         <img src={element.photo} alt="Event #2" />
-                                        <div class="down-content">
+                                        <div className="down-content">
                                             <h4>{element.title}</h4>
                                             <p>
                                                 {element.description}
                                             </p>
-                                            <div class="more-btn">
+                                            <div className="more-btn">
                                                 <div onClick={() => {
                                                     navigate(`/event/${element.$id}`)
                                                 }}>
-                                                    More <i class="fa fa-angle-double-right"></i>
+                                                    More <i className="fa fa-angle-double-right"></i>
                                                 </div>
                                             </div>
                                         </div>

diff --git a/src/pages/HomePage/P4/index.js b/src/pages/HomePage/P4/index.js
@@ -12,15 +12,12 @@ export default function P4() {
             return await database.listDocuments("itmeet", "64dcd0522f029f78cb08")
         }
         fetchData().then((value) => {
-            console.log(value.documents)
-
             setSponsor(value.documents)
         }).catch(err => {
             alert(err)
         })
 
     }, [])
-    console.log(sponsor[0]);
     return (
         <div className='P4'>
             <section

diff --git a/src/pages/HomePage/P5/P5.sass b/src/pages/HomePage/P5/P5.sass
@@ -3,3 +3,5 @@
     .map
         .leaf
             height: 500px
+    .leaflet-div-icon
+        border-radius: 100%
diff --git a/src/pages/HomePage/P5/index.js b/src/pages/HomePage/P5/index.js
@@ -3,12 +3,22 @@ import { MapContainer, TileLayer, useMap, Marker, Popup } from "react-leaflet";
 import "leaflet/dist/leaflet.css";
 import "./P5.sass";
 import { databaseContext } from "../../../context/databaseContext/databse.context";
+import L from 'leaflet';
+import marker from '../../../assets/images/marker.svg'
 
 export default function P5() {
   const center = [27.6227443, 85.5310493];
   const database = useContext(databaseContext);
   const [qna, setQna] = useState([]);
 
+  const iconPerson = new L.Icon({
+    iconUrl: (marker),
+    iconRetinaUrl: (marker),
+    popupAnchor: [-0, -0],
+    iconSize: new L.Point(32, 32),
+    className: 'leaflet-div-icon'
+  });
+
   useEffect(() => {
     const fetchData = async (type) => {
       return await database.listDocuments("itmeet", "qna");
@@ -42,7 +52,7 @@ export default function P5() {
               <div className="faq-section mb-100">
                 <div className="accordion" id="faqAccordian">
                   {qna.map((element, index) => (
-                    <div
+                    <div key={index}
                       className="accordian-item card wow animate__fadeInUp"
                       data-wow-duration="1s"
                     >
@@ -161,7 +171,7 @@ export default function P5() {
                 attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
                 url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
               />
-              <Marker position={center}>
+              <Marker position={center} icon={iconPerson}>
                 <Popup>
                   Kathmandu University <br /> IT Meet Venue.
                 </Popup>

diff --git a/src/pages/HomePage/PreEvents/PreEvents.sass b/src/pages/HomePage/PreEvents/PreEvents.sass
@@ -13,11 +13,10 @@
       background: var(--fourth-color)
       color: var(--color-white)
       padding: 20px
+      gap: 10px
       .content
         display: flex
         flex-direction: column
-        gap: 0px
-        width: 600px
         margin-left: 30px
         justify-content: space-evenly
         .icons
@@ -30,6 +29,8 @@
     @media screen and (max-width: 914px)
       .card
         flex-direction: column
+        align-items: center
+        justify-content: center
     .overlay
       z-index: 1
       position: absolute

diff --git a/src/pages/HomePage/PreEvents/index.js b/src/pages/HomePage/PreEvents/index.js
@@ -41,7 +41,7 @@ export default function PreEvents() {
           {preEvents.map((element, index) => {
             if (index < 3)
               return (
-                <div
+                <div key={index}
                   className="card"
                   onClick={() => {
                     navigate(`/event/${element.$id}`);

diff --git a/src/pages/IndividualEvent/index.js b/src/pages/IndividualEvent/index.js
@@ -27,7 +27,7 @@ export default function IndividualEvent() {
   }, []);
   return (
     <div className="InidividualEvent">
-      <section
+      {event[0] ? <section
         className="event-section coming-soon-white"
         style={{ width: "100%" }}
       >
@@ -120,7 +120,7 @@ export default function IndividualEvent() {
             </div>
           </div>
         </div>
-      </section>
+      </section> : null}
     </div>
   );
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}