Removed unused activities tab logic and Content component from Activities.js

Author: MaryemD

src/pages/Activities.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useState, useRef } from "react";
+import React, { useRef } from "react";
 import "../styles/pages/activities.scss";
 
 import Header from "../components/Header";
@@ -8,22 +8,14 @@ import TextLineReveal from "../components/TextLineReveal";
 import { getFromPublic } from "../shared/functions/public";
 import useRevealOne from "../shared/hooks/useRevealOne";
 
-import activities from "../shared/db/activities";
 import HorGallery from "../components/HorGallery";
 import gallery from "../shared/db/gallery";
 import thisyear from "../shared/db/thisyear";
-import { types } from "../shared/db/activities";
 import { useShow } from "../shared/contexts/EsShow";
 import ImageLoad from "../components/ImageLoad";
 import Tesla from "../shared/components/Tesla";
 
-export default function Events() {
-//   const [current, setCurrent] = useState("training");
-
-//   const currentActiv = useMemo(() => {
-//     return activities.filter((activity) => activity.type === current);
-//   }, [current]);
-
+function Activities() {
   const { triggerShow } = useShow();
 
   return (
@@ -84,42 +76,8 @@ export default function Events() {
       <div style={{ backgroundColor: "var(--dark-background)" }}>
         <Tesla />
       </div>
-
-      {/* <div className="navbar" style={{backgroundImage: `url('${getFromPublic("/images/backgrounds/industry4.jpg")}')`}}>
-                {
-                    types.map((type,index)=>(
-                        <button 
-                            className={(type===current)?"current":""} 
-                            key={index}
-                            onClick={()=>{setCurrent(type)}}
-                        > {type} </button>
-                    ))
-                }
-            </div> */}
-      {/* <div className="activities-container">
-                <div className="container" key={current}>
-                    {currentActiv.map((activity,index)=>(
-                        <div className="activity" key={index}>
-                            <ImageLoad src={activity.image} width="370px" height='300px' className="activity-image" alt="activity" />
-                            <Content name={activity.title} description={activity.description} />
-                        </div>
-                    ))}
-                </div>
-            </div> */}
     </div>
   );
 }
 
-function Content({ name, description }) {
-  const contentRef = useRef(null);
-  useRevealOne(contentRef);
-
-  return (
-    <div className="content" ref={contentRef}>
-      <TextLineReveal>
-        <h2> {name} </h2>
-      </TextLineReveal>
-      <p> {description} </p>
-    </div>
-  );
-}
+export default Activities;