Rename components in OpportunitiesHub for consistency and clarity

Author: codeaashu

src/Page/OpportunitiesHub/CompetitionList.jsx

@@ -4,7 +4,7 @@ import { ArrowLeft } from 'lucide-react';
 import { Footer } from '../../components/Footer/Footer';
 import styled from 'styled-components';
 import Marquee from 'react-fast-marquee';
-import JobsCard from './JobsCard';
+import Freelance from './FreelanceList';
 
 const Navbar = () => {
   return (
@@ -707,7 +707,7 @@ const JobAlerts = () => {
   );
 };
 
-const Jobs = () => {
+const Freelancing = () => {
   const location = useLocation();
 
   useEffect(() => {
@@ -725,11 +725,11 @@ const Jobs = () => {
       <Hero />
       <Tags />
       <JobAlerts />
-      <JobsCard />
+      <Freelance />
       <div className="my-8"></div> {/* Adds vertical spacing */}
       <Footer />
     </div>
   );
 };
 
-export default Jobs;
+export default Freelancing;

src/Page/OpportunitiesHub/Competitions.jsx

@@ -951,7 +951,7 @@ const Card6 = () => {
   );
 };
 
-const InternshipCard = () => {
+const InternshipList = () => {
   return (
     <>
       <div className="grid grid-cols-1 gap-6 px-3 sm:gap-4 md:grid-cols-2 lg:grid-cols-3">
@@ -966,4 +966,4 @@ const InternshipCard = () => {
   );
 };
 
-export default InternshipCard;
+export default InternshipList;

…/Page/OpportunitiesHub/FreelanceCard.jsx …/Page/OpportunitiesHub/FreelanceList.jsxsrc/Page/OpportunitiesHub/FreelanceCard.jsx renamed to src/Page/OpportunitiesHub/FreelanceList.jsx src/Page/OpportunitiesHub/FreelanceCard.jsx renamed to src/Page/OpportunitiesHub/FreelanceList.jsx

@@ -4,7 +4,7 @@ import { ArrowLeft } from 'lucide-react';
 import { Footer } from '../../components/Footer/Footer';
 import styled from 'styled-components';
 import Marquee from 'react-fast-marquee';
-import InternshipCard from './InternshipCard';
+import Internship from './InternshipList';
 
 const Navbar = () => {
   return (
@@ -737,7 +737,7 @@ const Internships = () => {
       <Hero />
       <Tags />
       <InternshipAlerts />
-      <InternshipCard />
+      <Internship />
       <div className="my-8"></div> {/* Adds vertical spacing */}
       <Footer />
     </div>

src/Page/OpportunitiesHub/Freelancing.jsx

@@ -4,7 +4,7 @@ import { ArrowLeft } from 'lucide-react';
 import { Footer } from '../../components/Footer/Footer';
 import styled from 'styled-components';
 import Marquee from 'react-fast-marquee';
-import JobsCard from './JobsCard';
+import JobsList from './JobsList';
 
 const Navbar = () => {
   return (
@@ -725,7 +725,7 @@ const Jobs = () => {
       <Hero />
       <Tags />
       <JobAlerts />
-      <JobsCard />
+      <JobsList />
       <div className="my-8"></div> {/* Adds vertical spacing */}
       <Footer />
     </div>

…Page/OpportunitiesHub/InternshipCard.jsx …Page/OpportunitiesHub/InternshipList.jsxsrc/Page/OpportunitiesHub/InternshipCard.jsx renamed to src/Page/OpportunitiesHub/InternshipList.jsx src/Page/OpportunitiesHub/InternshipCard.jsx renamed to src/Page/OpportunitiesHub/InternshipList.jsx

@@ -951,7 +951,7 @@ const Card6 = () => {
   );
 };
 
-const JobsCard = () => {
+const JobsList = () => {
   return (
     <>
       <div className="grid grid-cols-1 gap-6 px-3 sm:gap-4 md:grid-cols-2 lg:grid-cols-3">
@@ -966,4 +966,4 @@ const JobsCard = () => {
   );
 };
 
-export default JobsCard;
+export default JobsList;