Rename TechEvents to Certifications and update related components and text

Author: codeaashu

src/Page/OpportunitiesHub/CertificationList.jsx

@@ -18,9 +18,9 @@ const shareContent = (url) => {
   }
 };
 
-// List of Global Tech Events
+// List of all the certfications that matters for developers!
 
-const techevents = [
+const certfication = [
   {
     organizer: 'Organizer Name',
     title: 'Event Name',
@@ -33,7 +33,7 @@ const techevents = [
   },
 ];
 
-const StyledtecheventsCard = styled.div`
+const StyledcertficationCard = styled.div`
   position: relative;
   border: 1px solid rgb(182, 228, 250);
   background: linear-gradient(to right, rgba(15, 27, 53, 0.44), rgba(0, 43, 62, 0.43));
@@ -109,9 +109,9 @@ const StyledtecheventsCard = styled.div`
   }
 `;
 
-const TecheventsCardComponent = ({ organizer, title, location, date, domains, applyLink, poster, shareLink }) => {
+const CertficationCardComponent = ({ organizer, title, location, date, domains, applyLink, poster, shareLink }) => {
   return (
-    <StyledtecheventsCard id={shareLink.substring(1)}>
+    <StyledcertficationCard id={shareLink.substring(1)}>
       {/* <div className="dot"></div> */}
       <div className="flex items-center justify-between p-2">
         <span className="text-sm font-semibold text-white">
@@ -170,7 +170,7 @@ const TecheventsCardComponent = ({ organizer, title, location, date, domains, ap
           </span>
         ))}
       </div>
-    </StyledtecheventsCard>
+    </StyledcertficationCard>
   );
 };
 
@@ -187,7 +187,7 @@ const TecheventsCardComponent = ({ organizer, title, location, date, domains, ap
                     `}
 </style>;
 
-const StyledtecheventsListContainer = styled.div`
+const StyledcertficationListContainer = styled.div`
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -241,20 +241,20 @@ const FilterContainer = styled.div`
   }
 `;
 
-const TecheventsList = () => {
+const CertficationList = () => {
   const [locationFilter, setLocationFilter] = useState('');
   const [monthFilter, setMonthFilter] = useState('');
   const [domainFilter, setDomainFilter] = useState('');
 
-  const filteredtechevents = techevents.filter((techevents) => {
+  const filteredcertfication = certfication.filter((certfication) => {
     const matchesLocation = locationFilter
-      ? techevents.location.toLowerCase().includes(locationFilter.toLowerCase())
+      ? certfication.location.toLowerCase().includes(locationFilter.toLowerCase())
       : true;
     const matchesMonth = monthFilter
-      ? new Date(techevents.date.split(' - ')[0]).getMonth() + 1 === parseInt(monthFilter)
+      ? new Date(certfication.date.split(' - ')[0]).getMonth() + 1 === parseInt(monthFilter)
       : true;
     const matchesDomain = domainFilter
-      ? techevents.domains.some((domain) => domain.toLowerCase().includes(domainFilter.toLowerCase()))
+      ? certfication.domains.some((domain) => domain.toLowerCase().includes(domainFilter.toLowerCase()))
       : true;
     return matchesLocation && matchesMonth && matchesDomain;
   });
@@ -290,13 +290,13 @@ const TecheventsList = () => {
           onChange={(e) => setDomainFilter(e.target.value)}
         />
       </FilterContainer>
-      <StyledtecheventsListContainer>
-        {filteredtechevents.map((techevents, idx) => (
-          <TecheventsCardComponent key={idx} {...techevents} />
+      <StyledcertficationListContainer>
+        {filteredcertfication.map((certfication, idx) => (
+          <CertficationCardComponent key={idx} {...certfication} />
         ))}
-      </StyledtecheventsListContainer>
+      </StyledcertficationListContainer>
     </>
   );
 };
 
-export default TecheventsList;
+export default CertficationList;

src/Page/OpportunitiesHub/Certifications.jsx

@@ -20,7 +20,7 @@ const Navbar = () => {
         <div className="flex items-center justify-center">
           <StyledButton onClick={() => setIsModalOpen(true)}>
             <div className="blob1" />
-            <div className="inner">Spotlight Your bootcamps Globally!</div>
+            <div className="inner">Spotlight Your certfication Globally!</div>
           </StyledButton>
         </div>
 
@@ -33,7 +33,7 @@ const Navbar = () => {
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
           <div className="w-full max-w-md rounded-lg bg-gray-800 p-6 text-white">
             <div className="mb-4 flex items-center justify-between">
-              <h2 className="text-xl font-semibold">Submit The bootcamps Details!</h2>
+              <h2 className="text-xl font-semibold">Submit The certfication Details!</h2>
               <button onClick={() => setIsModalOpen(false)} className="text-gray-400 hover:text-white">
                 X
               </button>