diff --git a/src/APP/pages/blogs/sections/BlogsWrapper.jsx b/src/APP/pages/blogs/sections/BlogsWrapper.jsx
index e13bc48e..6750665b 100644
--- a/src/APP/pages/blogs/sections/BlogsWrapper.jsx
+++ b/src/APP/pages/blogs/sections/BlogsWrapper.jsx
@@ -1,90 +1,88 @@
-import React, { useState, useEffect } from "react";
-import {
- useBlogsData,
- useBlogCategories,
-} from "../../../../hooks/Queries/blogs/useAllBlogsData";
-import BlogCard from "./BlogCard";
-import BlogPagination from "./BlogPagination";
-
-function BlogsWrapper() {
- const [page, setPage] = useState(1);
- const {
- data: blogsData,
- refetch: refetchBlogsData,
- isLoading,
- isError,
- isSuccess,
- } = useBlogsData(page);
-
- const { data: blogCategories, status: statusBlogCategories } = useBlogCategories();
-
- useEffect(() => {
- refetchBlogsData();
- }, [page]);
-
- const handlePageChange = ({ index }) => {
- setPage((prevState) => (prevState = index));
- };
-
- function SearchResults({ searchText }) {
- return (
-
- Showing results for “
-{searchText}”
-
- );
- }
-
- return (
-
- {isError &&
Error loading blogs!
}
- {isLoading &&
Loading blogs...
}
- {isSuccess && (
- <>
-
- {statusBlogCategories === "error" && (
-
Error loading blog categories!
- )}
- {statusBlogCategories === "loading" &&
...
}
- {statusBlogCategories === "success"
- && blogCategories
- && Array.isArray(blogCategories)
- ? blogCategories.map((blog) => (
-
- {blog.name}
-
- ))
- : ""}
-
-
- {blogsData && Array.isArray(blogsData.results)
- ? blogsData.results.map((blog) => (
-
- ))
- : ""}
-
- {Array.isArray(blogsData)
- && blogsData
- && blogsData.next !== null
- && blogsData.previous !== null ? (
-
- ) : (
- ""
- )}
- >
- )}
-
- );
-}
-
-export default BlogsWrapper;
+import React, { useState, useEffect } from "react";
+import {
+ useBlogsData,
+ useBlogCategories,
+} from "../../../../hooks/Queries/blogs/useAllBlogsData";
+import BlogCard from "./BlogCard";
+import BlogPagination from "./BlogPagination";
+
+function BlogsWrapper() {
+ const [page, setPage] = useState(1);
+ const {
+ data: blogsData,
+ refetch: refetchBlogsData,
+ isLoading,
+ isError,
+ isSuccess,
+ } = useBlogsData(page);
+
+ const { data: blogCategories, status: statusBlogCategories } =
+ useBlogCategories();
+
+ useEffect(() => {
+ refetchBlogsData();
+ }, [page]);
+
+ const handlePageChange = ({ index }) => {
+ setPage((prevState) => (prevState = index));
+ };
+
+ function SearchResults({ searchText }) {
+ return (
+
+ Showing results for “{searchText}”
+
+ );
+ }
+
+ return (
+
+ {isError &&
Error loading blogs!
}
+ {isLoading &&
Loading blogs...
}
+ {isSuccess && (
+ <>
+
+ {statusBlogCategories === "error" && (
+
Error loading blog categories!
+ )}
+ {statusBlogCategories === "loading" &&
...
}
+ {statusBlogCategories === "success" &&
+ blogCategories &&
+ Array.isArray(blogCategories)
+ ? blogCategories.map((blog) => (
+
+ {blog.name}
+
+ ))
+ : null}
+
+
+ {blogsData && Array.isArray(blogsData.results)
+ ? blogsData.results.map((blog) => (
+
+ ))
+ : null}
+
+ {Array.isArray(blogsData) &&
+ blogsData &&
+ blogsData.next !== null &&
+ blogsData.previous !== null ? (
+
+ ) : null}
+ >
+ )}
+
+ );
+}
+
+export default BlogsWrapper;
diff --git a/src/APP/pages/community/sections/eventsSection/SingleEvents/EventAbout.css b/src/APP/pages/community/sections/eventsSection/SingleEvents/EventAbout.css
deleted file mode 100644
index 37925ddd..00000000
--- a/src/APP/pages/community/sections/eventsSection/SingleEvents/EventAbout.css
+++ /dev/null
@@ -1,67 +0,0 @@
-.container ul {
- list-style: disc;
- padding: revert;
-}
-
-.container :not(.container) ul {
- list-style: disc;
- padding: revert;
-}
-
-.container :not(.container) ol {
- list-style: revert;
- padding: revert;
-}
-
-.container ol {
- list-style: revert;
- padding: revert;
-}
-
-.container h1 {
- font-size: revert;
- font-weight: 500;
-}
-
-.container h1 :not(.container) {
- font-size: revert;
- font-weight: 500;
-}
-
-.container h2 {
- font-size: 20px;
- font-weight: 400;
-}
-
-.container h2 :not(.container) {
- font-size: revert;
- font-weight: 500;
-}
-
-.container a {
- color: revert;
-}
-
-.container :not(.container) a {
- color: revert;
-}
-
-.container pre {
- background-color: #f5f5f5;
- padding: 10px;
- border-radius: 4px;
- font-family: Consolas, monospace;
- font-size: 14px;
- line-height: 1.5;
- overflow-x: auto;
-}
-
-.container :not(.container) pre {
- background-color: #f5f5f5;
- padding: 10px;
- border-radius: 4px;
- font-family: Consolas, monospace;
- font-size: 14px;
- line-height: 1.5;
- overflow-x: auto;
-}
diff --git a/src/APP/pages/community/sections/eventsSection/SingleEvents/SingleEvent.jsx b/src/APP/pages/community/sections/eventsSection/SingleEvents/SingleEvent.jsx
index 9ba047a7..d2c6b6ee 100644
--- a/src/APP/pages/community/sections/eventsSection/SingleEvents/SingleEvent.jsx
+++ b/src/APP/pages/community/sections/eventsSection/SingleEvents/SingleEvent.jsx
@@ -1,283 +1,282 @@
-import React, { useEffect, useState } from "react";
-// import {
-// singleEvents,
-// community,
-// MasterBase,
-// mpesapayments,
-// techrecruiters,
-// mentorlst,
-// uxhiringafrica,
-// } from "../../../../../../assets/images/community";
-import { Link, useParams } from "react-router-dom";
-import { parse as parseDate, format } from "date-fns";
-import parse from "html-react-parser"
-import Events from "../../../../events/sections/eventsSection/Events";
-import { useOneEvent } from "../../../../../../hooks/Queries/singleEvent/useSingleEvent";
-import { fetchEvents } from "../../../../../../hooks/Queries/eventsSection/useEventCategories";
-import "./EventAbout.css";
-
-function SingleEvent() {
- React.useEffect(() => {
- window.scroll(0, 0);
- }, []);
-
- const [similarEvents, setSimilarEvents] = useState({});
-
- const { id } = useParams();
- const { data: oneEvent, isLoading, isError, isSuccess } = useOneEvent(id);
-
- useEffect(() => {
- if (typeof oneEvent !== "undefined") {
- const fetchData = async () => {
- const data = await fetchEvents({
- page_size: 5,
- category: oneEvent.category.name,
- });
-
- const similarEv = data.results.filter(
- (event) => event.id !== oneEvent.id
- );
-
- setSimilarEvents((prevState) => (prevState = similarEv));
- };
- fetchData();
- }
- }, [oneEvent]);
-
- return (
- <>
- {isError &&
Error fetching event!
}
- {isLoading &&
Loading event...
}
- {isSuccess && typeof oneEvent !== "undefined" ? (
-
-
-
-
-
{format(new Date(oneEvent.date), "EEE MMM d, yyyy")}
-
-
-
-
- {oneEvent.name}
-
-
-
-
- When and Where
-
-
-
-
-
-
-
-
-
- Date and Time
-
-
-
-
{format(new Date(oneEvent.date), "EEE MMM d, yyyy")}
-
- {format(
- parseDate(oneEvent.start_time, "HH:mm:ss", new Date()),
- "h:mm a"
- )}{" "}
- -{" "}
- {format(
- parseDate(oneEvent.end_time, "HH:mm:ss", new Date()),
- "h:mm a"
- )}{" "}
- EAT
-
-
-
-
-
-
-
-
- {oneEvent.location}{" "}
- {oneEvent.mode === "Physical" && `, ${oneEvent.city}`}
-
-
Set reminder
-
-
-
-
-
-
-
- This event is free
-
-
-
-
- RSVP
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- About This Event
-
-
- {parse(oneEvent.about)}
-
-
-
-
-
- Similar Events
-
-
-
-
-
- ) : (
- ""
- )}
- >
- );
-}
-
-export default SingleEvent;
+import React, { useEffect, useState } from "react";
+// import {
+// singleEvents,
+// community,
+// MasterBase,
+// mpesapayments,
+// techrecruiters,
+// mentorlst,
+// uxhiringafrica,
+// } from "../../../../../../assets/images/community";
+import { Link, useParams } from "react-router-dom";
+import { parse as parseDate, format } from "date-fns";
+import parse from "html-react-parser"
+import Events from "../../../../events/sections/eventsSection/Events";
+import { useOneEvent } from "../../../../../../hooks/Queries/singleEvent/useSingleEvent";
+import { fetchEvents } from "../../../../../../hooks/Queries/eventsSection/useEventCategories";
+
+function SingleEvent() {
+ React.useEffect(() => {
+ window.scroll(0, 0);
+ }, []);
+
+ const [similarEvents, setSimilarEvents] = useState({});
+
+ const { id } = useParams();
+ const { data: oneEvent, isLoading, isError, isSuccess } = useOneEvent(id);
+
+ useEffect(() => {
+ if (typeof oneEvent !== "undefined") {
+ const fetchData = async () => {
+ const data = await fetchEvents({
+ page_size: 5,
+ category: oneEvent.category.name,
+ });
+
+ const similarEv = data.results.filter(
+ (event) => event.id !== oneEvent.id
+ );
+
+ setSimilarEvents((prevState) => (prevState = similarEv));
+ };
+ fetchData();
+ }
+ }, [oneEvent]);
+
+ return (
+ <>
+ {isError &&
Error fetching event!
}
+ {isLoading &&
Loading event...
}
+ {isSuccess && typeof oneEvent !== "undefined" ? (
+
+
+
+
+
{format(new Date(oneEvent.date), "EEE MMM d, yyyy")}
+
+
+
+
+ {oneEvent.name}
+
+
+
+
+ When and Where
+
+
+
+
+
+
+
+
+
+ Date and Time
+
+
+
+
{format(new Date(oneEvent.date), "EEE MMM d, yyyy")}
+
+ {format(
+ parseDate(oneEvent.start_time, "HH:mm:ss", new Date()),
+ "h:mm a"
+ )}{" "}
+ -{" "}
+ {format(
+ parseDate(oneEvent.end_time, "HH:mm:ss", new Date()),
+ "h:mm a"
+ )}{" "}
+ EAT
+
+
+
+
+
+
+
+
+ {oneEvent.location}{" "}
+ {oneEvent.mode === "Physical" && `, ${oneEvent.city}`}
+
+
Set reminder
+
+
+
+
+
+
+
+ This event is free
+
+
+
+
+ RSVP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ About This Event
+
+
+ {parse(oneEvent.about)}
+
+
+
+
+
+ Similar Events
+
+
+
+
+
+ ) : (
+ ""
+ )}
+ >
+ );
+}
+
+export default SingleEvent;
diff --git a/src/APP/pages/events/sections/eventsSection/Events.jsx b/src/APP/pages/events/sections/eventsSection/Events.jsx
index 25a63396..56aa83d5 100644
--- a/src/APP/pages/events/sections/eventsSection/Events.jsx
+++ b/src/APP/pages/events/sections/eventsSection/Events.jsx
@@ -1,93 +1,93 @@
-import { parse, format } from "date-fns";
-import React from "react";
-import { Link } from "react-router-dom";
-import PropTypes from "prop-types";
-
-function Events({ events, isVertical }) {
- const verticalContainer =
- "my-6 grid grid-cols-1 gap-x-3 gap-y-10 sm:grid-cols-2 lg:grid-cols-5 xl:gap-x-8";
- const horizontalContainer = "flex overflow-auto my-6";
-
- // Event Card classes
- const verticalWrapper =
- "max-w-sm bg-white border border-gray-200 rounded-lg h-auto";
- const horizontalWrapper = "m-6 bg-white rounded-lg w-72";
-
- return (
-
- {events && Array.isArray(events)
- ? events.map(
- ({
- id,
- name,
- date,
- location,
- mode,
- category,
- poster,
- city,
- start_time,
- }) => {
- const buttonColor =
- mode === "Virtual"
- ? "bg-red-800 hover:bg-red-800"
- : "bg-blue-800 hover:bg-blue-800";
- return (
-
-
-
-
-
-
{name}
-
- {format(new Date(date), "EEE, MMM d, yyyy")}{" "}
- {format(
- parse(start_time, "HH:mm:ss", new Date()),
- "h:mm a"
- )}{" "}
- EAT
-
-
- {location}{" "}
- {mode.toLowerCase() === "physical" && (
- • {city}
- )}
-
-
- {mode}
-
-
-
-
- );
- }
- )
- : ""}
-
- );
-}
-
-export default Events;
-
-Events.defaultProps = {
- isVertical: true,
-};
-
-Events.propTypes = {
- events: PropTypes.array.isRequired,
- isVertical: PropTypes.bool.isRequired,
-};
+import { parse, format } from "date-fns";
+import React from "react";
+import { Link } from "react-router-dom";
+import PropTypes from "prop-types";
+
+function Events({ events, isVertical }) {
+ const verticalContainer =
+ "my-6 grid grid-cols-1 gap-x-3 gap-y-10 sm:grid-cols-2 lg:grid-cols-5 xl:gap-x-8";
+ const horizontalContainer = "flex overflow-auto my-6";
+
+ // Event Card classes
+ const verticalWrapper =
+ "max-w-sm bg-white border border-gray-200 rounded-lg h-auto";
+ const horizontalWrapper = "m-6 bg-white rounded-lg w-72";
+
+ return (
+
+ {events && Array.isArray(events)
+ ? events.map(
+ ({
+ id,
+ name,
+ date,
+ location,
+ mode,
+ category,
+ poster,
+ city,
+ start_time,
+ }) => {
+ const buttonColor =
+ mode === "Virtual"
+ ? "bg-red-800 hover:bg-red-800"
+ : "bg-blue-800 hover:bg-blue-800";
+ return (
+
+
+
+
+
+
{name}
+
+ {format(new Date(date), "EEE, MMM d, yyyy")}{" "}
+ {format(
+ parse(start_time, "HH:mm:ss", new Date()),
+ "h:mm a"
+ )}{" "}
+ EAT
+
+
+ {location}{" "}
+ {mode.toLowerCase() === "physical" && (
+ • {city}
+ )}
+
+
+ {mode}
+
+
+
+
+ );
+ }
+ )
+ : ""}
+
+ );
+}
+
+export default Events;
+
+Events.defaultProps = {
+ isVertical: true,
+};
+
+Events.propTypes = {
+ events: PropTypes.array.isRequired,
+ isVertical: PropTypes.bool.isRequired,
+};
diff --git a/src/APP/pages/events/sections/eventsSection/EventsSection.jsx b/src/APP/pages/events/sections/eventsSection/EventsSection.jsx
index fd3da9ab..2140b5ea 100644
--- a/src/APP/pages/events/sections/eventsSection/EventsSection.jsx
+++ b/src/APP/pages/events/sections/eventsSection/EventsSection.jsx
@@ -1,85 +1,85 @@
-import React, { useEffect, useState } from "react";
-import EventsUpdateSection from "./EventsUpdateSection";
-import EventsTab from "./EventsTab";
-import Events from "./Events";
-// import {
-// community,
-// MasterBase,
-// mpesapayments,
-// techrecruiters,
-// mentorlst,
-// uxhiringafrica,
-// } from '../../../../../assets/images/community';
-import { useAllCities } from "../../../../../hooks/Queries/eventsSection/useEventCategories";
-import useTopEvents from "../../../../../hooks/Queries/eventsSection/useTopEvents";
-
-function EventsSection({ showTabs, showAllEventsLink }) {
- const [filters, setFilters] = useState({});
- const {
- data: topEventsData,
- isLoading: isLoadingTopEvents,
- isError: isErrorTopEvents,
- isSuccess: isSuccessTopEvents,
- refetch: refetchTopEvents,
- } = useTopEvents(filters);
- console.log(topEventsData?.results);
- const {
- data: topEventsCities,
- isLoading,
- isError,
- isSuccess,
- } = useAllCities();
-
- // To update the filters from the EventsUpdateSection sub-component
- const updateCityFilter = (city) => {
- setFilters((prevState) => ({ ...prevState, city }));
- };
-
- // To update the recent filters from the EventsTab sub-component
- const updateRecentFilter = (dateFilterString) => {
- setFilters((prevState) => ({
- ...prevState,
- date: dateFilterString,
- }));
- };
-
- useEffect(() => {
- refetchTopEvents();
- }, [filters]);
-
- return (
-
- {isErrorTopEvents &&
Error loading cities!
}
- {isLoadingTopEvents &&
Loading cities...
}
- {isSuccessTopEvents && (
-
- )}
-
- {showTabs &&
}
-
- {isError &&
Error loading top events!
}
- {isLoading &&
Loading top events...
}
- {isSuccess && (
- <>
- {topEventsData?.count === 0 ? (
-
No events found!
- ) : (
-
- )}
- >
- )}
-
- );
-}
-
-EventsSection.defaultProps = {
- showTabs: false,
- showAllEventsLink: false,
-};
-
-export default EventsSection;
+import React, { useEffect, useState } from "react";
+import EventsUpdateSection from "./EventsUpdateSection";
+import EventsTab from "./EventsTab";
+import Events from "./Events";
+// import {
+// community,
+// MasterBase,
+// mpesapayments,
+// techrecruiters,
+// mentorlst,
+// uxhiringafrica,
+// } from '../../../../../assets/images/community';
+import { useAllCities } from "../../../../../hooks/Queries/eventsSection/useEventCategories";
+import useTopEvents from "../../../../../hooks/Queries/eventsSection/useTopEvents";
+
+function EventsSection({ showTabs, showAllEventsLink }) {
+ const [filters, setFilters] = useState({});
+ const {
+ data: topEventsData,
+ isLoading: isLoadingTopEvents,
+ isError: isErrorTopEvents,
+ isSuccess: isSuccessTopEvents,
+ refetch: refetchTopEvents,
+ } = useTopEvents(filters);
+ console.log(topEventsData?.results);
+ const {
+ data: topEventsCities,
+ isLoading,
+ isError,
+ isSuccess,
+ } = useAllCities();
+
+ // To update the filters from the EventsUpdateSection sub-component
+ const updateCityFilter = (city) => {
+ setFilters((prevState) => ({ ...prevState, city }));
+ };
+
+ // To update the recent filters from the EventsTab sub-component
+ const updateRecentFilter = (dateFilterString) => {
+ setFilters((prevState) => ({
+ ...prevState,
+ date: dateFilterString,
+ }));
+ };
+
+ useEffect(() => {
+ refetchTopEvents();
+ }, [filters]);
+
+ return (
+
+ {isErrorTopEvents &&
Error loading cities!
}
+ {isLoadingTopEvents &&
Loading cities...
}
+ {isSuccessTopEvents && (
+
+ )}
+
+ {showTabs &&
}
+
+ {isError &&
Error loading top events!
}
+ {isLoading &&
Loading top events...
}
+ {isSuccess && (
+ <>
+ {topEventsData?.count === 0 ? (
+
No events found!
+ ) : (
+
+ )}
+ >
+ )}
+
+ );
+}
+
+EventsSection.defaultProps = {
+ showTabs: false,
+ showAllEventsLink: false,
+};
+
+export default EventsSection;
diff --git a/src/APP/pages/landingPage/LandingPage.jsx b/src/APP/pages/landingPage/LandingPage.jsx
index 2b0e353f..618d8e84 100644
--- a/src/APP/pages/landingPage/LandingPage.jsx
+++ b/src/APP/pages/landingPage/LandingPage.jsx
@@ -1,31 +1,31 @@
-import {
- CTASection,
- FaqSection,
- FeatureSection,
- // HeroSection2,
- HeroSection3,
- PodcastSection,
- Services,
- StatsSection,
- TestimonialSection,
-} from "./sections";
-
-import ScrollToTop from "../../../utilities/ScrollToTop";
-
-function LandingPage() {
- return (
-
- );
-}
-
-export default LandingPage;
+import {
+ CTASection,
+ FaqSection,
+ FeatureSection,
+ // HeroSection2,
+ HeroSection3,
+ PodcastSection,
+ Services,
+ StatsSection,
+ TestimonialSection,
+} from "./sections";
+
+import ScrollToTop from "../../../utilities/ScrollToTop";
+
+function LandingPage() {
+ return (
+
+ );
+}
+
+export default LandingPage;
diff --git a/src/APP/pages/landingPage/sections/CTASection.jsx b/src/APP/pages/landingPage/sections/CTASection.jsx
index ffda816c..e09c2ae9 100644
--- a/src/APP/pages/landingPage/sections/CTASection.jsx
+++ b/src/APP/pages/landingPage/sections/CTASection.jsx
@@ -1,37 +1,37 @@
-import { Link } from "react-router-dom";
-
-function CTASection() {
- return (
-
-
-
-
- Join, thrive, grow
-
-
- You miss all the shots you do not take. Invest your time in horning
- your craft.
-
-
-
-
- Join the community
-
-
-
-
-
-
- );
-}
-
-export default CTASection;
+import { Link } from "react-router-dom";
+
+function CTASection() {
+ return (
+
+
+
+
+ Join, thrive, grow
+
+
+ You miss all the shots you do not take. Invest your time in horning
+ your craft.
+
+
+
+
+ Join the community
+
+
+
+
+
+
+ );
+}
+
+export default CTASection;
diff --git a/src/APP/pages/landingPage/sections/HeroSection.jsx b/src/APP/pages/landingPage/sections/HeroSection.jsx
index c4dc546d..adcf0e7b 100644
--- a/src/APP/pages/landingPage/sections/HeroSection.jsx
+++ b/src/APP/pages/landingPage/sections/HeroSection.jsx
@@ -1,118 +1,118 @@
-import hero_image from "../../../../assets/images/hero_image.png";
-import gdg_image from "../../../../assets/images/gdg.png";
-import react_ke from "../../../../assets/images/reactke.png";
-import kamilimu from "../../../../assets/images/kamilimu.png";
-import cytonn from "../../../../assets/images/cytonn.png";
-import osca from "../../../../assets/images/osca.png";
-
-function HeroSection() {
- return (
-
-
-
-
- Accelerate your growth and
- unlock your potential in the tech ecosphere
-
-
- The fastest growing Africa, open-source community looking to change
- the way young Africans get started in technology.
-
-
-
- Join the community
-
-
-
-
Our Partners
- {/* patner logos */}
-
- {/* logo 1 */}
-
-
- {/* logo 2 */}
-
-
-
- {/* logo 3 */}
-
-
-
- {/* logo 4 */}
-
-
-
- {/* logo 5 */}
-
-
-
- {/* logo 6 */}
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-export default HeroSection;
+import hero_image from "../../../../assets/images/hero_image.png";
+import gdg_image from "../../../../assets/images/gdg.png";
+import react_ke from "../../../../assets/images/reactke.png";
+import kamilimu from "../../../../assets/images/kamilimu.png";
+import cytonn from "../../../../assets/images/cytonn.png";
+import osca from "../../../../assets/images/osca.png";
+
+function HeroSection() {
+ return (
+
+
+
+
+ Accelerate your growth and
+ unlock your potential in the tech ecosphere
+
+
+ The fastest growing Africa, open-source community looking to change
+ the way young Africans get started in technology.
+
+
+
+ Join the community
+
+
+
+
Our Partners
+ {/* patner logos */}
+
+ {/* logo 1 */}
+
+
+ {/* logo 2 */}
+
+
+
+ {/* logo 3 */}
+
+
+
+ {/* logo 4 */}
+
+
+
+ {/* logo 5 */}
+
+
+
+ {/* logo 6 */}
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default HeroSection;
diff --git a/src/APP/pages/landingPage/sections/HeroSection2.jsx b/src/APP/pages/landingPage/sections/HeroSection2.jsx
index 2a6786ca..bfb35768 100644
--- a/src/APP/pages/landingPage/sections/HeroSection2.jsx
+++ b/src/APP/pages/landingPage/sections/HeroSection2.jsx
@@ -1,64 +1,64 @@
-import hero_image from "../../../../assets/images/hero_image.png";
-import gdg_image from "../../../../assets/images/gdg.png";
-import react_ke from "../../../../assets/images/reactke.png";
-import kamilimu from "../../../../assets/images/kamilimu.png";
-import cytonn from "../../../../assets/images/cytonn.png";
-import osca from "../../../../assets/images/osca.png";
-import spheron from "../../../../assets/images/spheron.svg";
-
-const partners = [spheron, gdg_image, react_ke, kamilimu, cytonn, osca];
-
-function HeroSection2() {
- return (
-
- {/* intro */}
-
- {/* welcome */}
-
-
- Accelerate your growth and
- unlock your potential in the tech ecosphere
-
-
- The fastest growing Africa, open-source community looking to change
- the way young Africans get started in technology.
-
-
-
- Join the community
-
-
-
- {/* image */}
-
-
-
-
-
- {/* partners */}
-
-
-
-
- Our Partners
-
-
- {partners.map((partner) => (
-
- ))}
-
-
-
- );
-}
-
-export default HeroSection2;
+import hero_image from "../../../../assets/images/hero_image.png";
+import gdg_image from "../../../../assets/images/gdg.png";
+import react_ke from "../../../../assets/images/reactke.png";
+import kamilimu from "../../../../assets/images/kamilimu.png";
+import cytonn from "../../../../assets/images/cytonn.png";
+import osca from "../../../../assets/images/osca.png";
+import spheron from "../../../../assets/images/spheron.svg";
+
+const partners = [spheron, gdg_image, react_ke, kamilimu, cytonn, osca];
+
+function HeroSection2() {
+ return (
+
+ {/* intro */}
+
+ {/* welcome */}
+
+
+ Accelerate your growth and
+ unlock your potential in the tech ecosphere
+
+
+ The fastest growing Africa, open-source community looking to change
+ the way young Africans get started in technology.
+
+
+
+ Join the community
+
+
+
+ {/* image */}
+
+
+
+
+
+ {/* partners */}
+
+
+
+
+ Our Partners
+
+
+ {partners.map((partner) => (
+
+ ))}
+
+
+
+ );
+}
+
+export default HeroSection2;
diff --git a/src/APP/pages/landingPage/sections/HeroSection3.jsx b/src/APP/pages/landingPage/sections/HeroSection3.jsx
index c1d5c9e5..69cf0f80 100644
--- a/src/APP/pages/landingPage/sections/HeroSection3.jsx
+++ b/src/APP/pages/landingPage/sections/HeroSection3.jsx
@@ -1,130 +1,130 @@
-import { Link } from "react-router-dom";
-import {
- ctfroom,
- DevOps,
- Kushite,
- Propel,
- bannerImg,
- chimoney,
- moringa,
- osca,
- reactke,
- spheron,
- cytonn,
-} from "../../../../assets/images/hero-section";
-
-const partners = [
- {
- id: 1,
- img: ctfroom,
- name: "ctfroom",
- link: "https://ctfroom.com/",
- },
- {
- id: 2,
- img: DevOps,
- name: "DevOps",
- link: "https://twitter.com/nairobidevops",
- },
- {
- id: 3,
- img: Propel,
- name: "Propel",
- link: "https://propel.community/",
- },
- {
- id: 4,
- img: moringa,
- name: "moringa",
- link: "https://moringaschool.com/",
- },
- {
- id: 5,
- img: chimoney,
- name: "chimoney",
- link: "https://chimoney.io/",
- },
- {
- id: 6,
- img: Kushite,
- name: "Kushite",
- link: "https://icpkushite.com/",
- },
- {
- id: 7,
- img: osca,
- name: "osca",
- link: "https://oscafrica.org/",
- },
- {
- id: 8,
- img: cytonn,
- name: "cytonn",
- link: "#",
- },
- {
- id: 9,
- img: reactke,
- name: "reactke",
- link: "https://www.reactdevske.org/",
- },
-];
-
-const HeroSection3 = () => {
- return (
-
- {/* Hero Header */}
-
- {/* hero desc */}
-
-
- Accelerate your growth and
- unlock your potential in the tech ecosphere
-
-
- The fastest growing Africa, open-source community looking to change
- the way young Africans get started in technology.
-
-
-
- Join the community
-
-
-
- {/* hero img */}
-
-
-
-
-
- {/* Partners */}
-
-
Our Partners
-
-
- At SpaceYaTech, we thrive on innovation, knowledge and the support of
- our dedicated partners. Join us in celebrating the companies and
- individuals who make SpaceYaTech possible.
-
-
-
- {partners.map(({ id, img, name, link }) => (
-
-
-
- ))}
-
-
-
- );
-};
-
-export default HeroSection3;
+import { Link } from "react-router-dom";
+import {
+ ctfroom,
+ DevOps,
+ Kushite,
+ Propel,
+ bannerImg,
+ chimoney,
+ moringa,
+ osca,
+ reactke,
+ spheron,
+ cytonn,
+} from "../../../../assets/images/hero-section";
+
+const partners = [
+ {
+ id: 1,
+ img: ctfroom,
+ name: "ctfroom",
+ link: "https://ctfroom.com/",
+ },
+ {
+ id: 2,
+ img: DevOps,
+ name: "DevOps",
+ link: "https://twitter.com/nairobidevops",
+ },
+ {
+ id: 3,
+ img: Propel,
+ name: "Propel",
+ link: "https://propel.community/",
+ },
+ {
+ id: 4,
+ img: moringa,
+ name: "moringa",
+ link: "https://moringaschool.com/",
+ },
+ {
+ id: 5,
+ img: chimoney,
+ name: "chimoney",
+ link: "https://chimoney.io/",
+ },
+ {
+ id: 6,
+ img: Kushite,
+ name: "Kushite",
+ link: "https://icpkushite.com/",
+ },
+ {
+ id: 7,
+ img: osca,
+ name: "osca",
+ link: "https://oscafrica.org/",
+ },
+ {
+ id: 8,
+ img: cytonn,
+ name: "cytonn",
+ link: "#",
+ },
+ {
+ id: 9,
+ img: reactke,
+ name: "reactke",
+ link: "https://www.reactdevske.org/",
+ },
+];
+
+const HeroSection3 = () => {
+ return (
+
+ {/* Hero Header */}
+
+ {/* hero desc */}
+
+
+ Accelerate your growth and
+ unlock your potential in the tech ecosphere
+
+
+ The fastest growing Africa, open-source community looking to change
+ the way young Africans get started in technology.
+
+
+
+ Join the community
+
+
+
+ {/* hero img */}
+
+
+
+
+
+ {/* Partners */}
+
+
Our Partners
+
+
+ At SpaceYaTech, we thrive on innovation, knowledge and the support of
+ our dedicated partners. Join us in celebrating the companies and
+ individuals who make SpaceYaTech possible.
+
+
+
+ {partners.map(({ id, img, name }) => (
+ //
+
+ //
+ ))}
+
+
+
+ );
+};
+
+export default HeroSection3;
diff --git a/src/APP/pages/landingPage/sections/PodcastSection.jsx b/src/APP/pages/landingPage/sections/PodcastSection.jsx
index 79c03b08..9b1a8ec8 100644
--- a/src/APP/pages/landingPage/sections/PodcastSection.jsx
+++ b/src/APP/pages/landingPage/sections/PodcastSection.jsx
@@ -1,133 +1,133 @@
-import {
- RichardMulandi,
- Balogun,
- Saruni,
- Vivian,
- Jean,
- Melody,
- Kristin,
-} from "../../../../assets/images/podcast";
-import { PodcastCard } from "../../../components";
-
-const data = [
- {
- id: 1,
- img: RichardMulandi,
- link: "https://open.spotify.com/episode/7hUJsdPdB0drnyNNTiYim2?si=idIGiZQBQdau9lEdh4Y8Rg",
- title: "Product life-cycle with Product Head at SafeBoda",
- description:
- "The conversation wades into product-management-specific topics that you'd be interested in.",
- },
- {
- id: 2,
- img: Balogun,
- link: "https://open.spotify.com/episode/4iHhYqBHMWjPTpOdm6F14z?si=JTp43JZoSgesogJi90X-xQ",
- title: "Tech Makers & Movers with PocketFood",
- description:
- "The story behind the branding, the success, and the challenges PocketFood has faced in delivering innovative food-tech solutions in Africa.",
- },
- {
- id: 3,
- img: Melody,
- link: "https://open.spotify.com/episode/7u24ofrYpk3umcCss9kgnw?si=0be796e136304358",
- title: "Smart Cities and Sustainable Urban Developement in Africa",
- description:
- "Do you know the checklist for a smart city? Find out in this fun converasation with Fred, Marlyn and Melody.",
- },
- {
- id: 4,
- img: Jean,
- link: "https://open.spotify.com/episode/1F6ecP7YS8S1mhWdnuQ0DU?si=2a94751b4c034a02",
- title: "Building a more inclusive Tech Industry in Africa",
- description:
- "Learn how to build and lead technical teams, applying development methodologies to design and ship software.",
- },
- {
- id: 5,
- img: Saruni,
- link: "https://open.spotify.com/episode/6GAhWxeZNuDtfQj76o7EhV?si=PFb994_WQzKw2qfXCtsrbQ",
- title: "The Future of Fintech X Saruni Maina",
- description:
- "Join host Marlyn Mayienga in a captivating conversation with Saruni Maina as they dive into the future of Fintech in Africa.",
- },
-
- {
- id: 6,
- img: Vivian,
- link: "https://open.spotify.com/episode/0KBLGLilCC5X0SnM4eg9Ko?si=6c129ddf60914838",
- title: "Digging into Website Hosting Sector",
- description:
- "Learn how the web development and hosting landscape in Kenya has changed over the past decade and how cloud hosting could disrupt it.",
- },
- {
- id: 7,
- img: Kristin,
- link: "https://open.spotify.com/episode/1XblqFJZJUf9l1uWmkAcvD?si=9bf748e882b848ed",
- title:
- "Sustainable Entrepreneurship and the Goal to Impact 1 billion Entrepreneurs in Africa",
- description:
- "Listen to how Kristin is helping SMEs across Africa to get off the ground in a sustainable way.",
- },
-];
-
-function PodcastSection() {
- return (
-
- {/* Header */}
-
-
Podcast
-
SpaceYaTech Podcasts
-
- A collection from some of the finest tech podcasts this side of the
- Sahara, all for your listening pleasure.
-
-
-
- {/* Cards */}
-
- {data.map(({ id, img, description, category, title, link }) => (
-
- ))}
-
-
-
- );
-}
-
-export default PodcastSection;
+import {
+ RichardMulandi,
+ Balogun,
+ Saruni,
+ Vivian,
+ Jean,
+ Melody,
+ Kristin,
+} from "../../../../assets/images/podcast";
+import { PodcastCard } from "../../../components";
+
+const data = [
+ {
+ id: 1,
+ img: RichardMulandi,
+ link: "https://open.spotify.com/episode/7hUJsdPdB0drnyNNTiYim2?si=idIGiZQBQdau9lEdh4Y8Rg",
+ title: "Product life-cycle with Product Head at SafeBoda",
+ description:
+ "The conversation wades into product-management-specific topics that you'd be interested in.",
+ },
+ {
+ id: 2,
+ img: Balogun,
+ link: "https://open.spotify.com/episode/4iHhYqBHMWjPTpOdm6F14z?si=JTp43JZoSgesogJi90X-xQ",
+ title: "Tech Makers & Movers with PocketFood",
+ description:
+ "The story behind the branding, the success, and the challenges PocketFood has faced in delivering innovative food-tech solutions in Africa.",
+ },
+ {
+ id: 3,
+ img: Melody,
+ link: "https://open.spotify.com/episode/7u24ofrYpk3umcCss9kgnw?si=0be796e136304358",
+ title: "Smart Cities and Sustainable Urban Developement in Africa",
+ description:
+ "Do you know the checklist for a smart city? Find out in this fun converasation with Fred, Marlyn and Melody.",
+ },
+ {
+ id: 4,
+ img: Jean,
+ link: "https://open.spotify.com/episode/1F6ecP7YS8S1mhWdnuQ0DU?si=2a94751b4c034a02",
+ title: "Building a more inclusive Tech Industry in Africa",
+ description:
+ "Learn how to build and lead technical teams, applying development methodologies to design and ship software.",
+ },
+ {
+ id: 5,
+ img: Saruni,
+ link: "https://open.spotify.com/episode/6GAhWxeZNuDtfQj76o7EhV?si=PFb994_WQzKw2qfXCtsrbQ",
+ title: "The Future of Fintech X Saruni Maina",
+ description:
+ "Join host Marlyn Mayienga in a captivating conversation with Saruni Maina as they dive into the future of Fintech in Africa.",
+ },
+
+ {
+ id: 6,
+ img: Vivian,
+ link: "https://open.spotify.com/episode/0KBLGLilCC5X0SnM4eg9Ko?si=6c129ddf60914838",
+ title: "Digging into Website Hosting Sector",
+ description:
+ "Learn how the web development and hosting landscape in Kenya has changed over the past decade and how cloud hosting could disrupt it.",
+ },
+ {
+ id: 7,
+ img: Kristin,
+ link: "https://open.spotify.com/episode/1XblqFJZJUf9l1uWmkAcvD?si=9bf748e882b848ed",
+ title:
+ "Sustainable Entrepreneurship and the Goal to Impact 1 billion Entrepreneurs in Africa",
+ description:
+ "Listen to how Kristin is helping SMEs across Africa to get off the ground in a sustainable way.",
+ },
+];
+
+function PodcastSection() {
+ return (
+
+ {/* Header */}
+
+
Podcast
+
SpaceYaTech Podcasts
+
+ A collection from some of the finest tech podcasts this side of the
+ Sahara, all for your listening pleasure.
+
+
+
+ {/* Cards */}
+
+ {data.map(({ id, img, description, category, title, link }) => (
+
+ ))}
+
+
+
+ );
+}
+
+export default PodcastSection;
diff --git a/src/APP/pages/landingPage/sections/TestimonialSection.jsx b/src/APP/pages/landingPage/sections/TestimonialSection.jsx
index 06fcde79..cb6d275e 100644
--- a/src/APP/pages/landingPage/sections/TestimonialSection.jsx
+++ b/src/APP/pages/landingPage/sections/TestimonialSection.jsx
@@ -1,136 +1,136 @@
-import TestimonialImg from "../../../../assets/images/testimonal_image.png";
-// import { twitter } from "../../../../assets/images/socials";
-import regan from "../../../../assets/testimonialSection/regan_codes.jpeg";
-import wayne from "../../../../assets/testimonialSection/wayne_gakuo.jpeg";
-import aibunny from "../../../../assets/testimonialSection/ai_bunny.jpeg";
-import wakio from "../../../../assets/testimonialSection/pithoneer.jpeg";
-import tony from "../../../../assets/testimonialSection/tony_k.jpeg";
-import singh from "../../../../assets/testimonialSection/singh.jpeg";
-import harun from "../../../../assets/testimonialSection/juma_harun.jpeg";
-
-function TestimonialSection() {
- const TestimonialData = [
- {
- text: "Thank you @SpaceYaTech. You guys are doing so much for the tech ecosystem in Kenya.",
- user: "Regan Muthomi",
- vocation: "Lead Data Science Instructor",
- img: regan,
- link: "https://twitter.com/regan_codes/status/1597655617375567872",
- company: "Africa Data School",
- },
- {
- text: "@SpaceYaTech's admin's mix of humor with informative texts is one thing I look forward to reading 😂🙌🏿. Great work admin 👏🏿.",
- user: "Wayne Gakuo",
- vocation: "Frontend Engineer",
- img: wayne,
- link: "https://twitter.com/wayne_gakuo/status/1661996704055406593",
- company: "Sky.Garden",
- },
- {
- text: "You are doing amazing things for the kenyan tech community 👏👏.",
- user: "Wakio Agness",
- vocation: "Software Engineer Student",
- img: wakio,
- link: "https://twitter.com/Pithoneer/status/1711647271987679246",
- company: "Alx Africa",
- },
- {
- text: "Stopping by to say I love this space.",
- user: "Tony Kipkemboi",
- vocation: "Developer Relations",
- img: tony,
- link: "https://twitter.com/tonykipkemboi/status/1712538360827490506",
- company: "Streamlit",
- },
- {
- text: "I had an awesome weekend courtesy to @Mentorlst and @SpaceYaTech.",
- user: "Fredrick Waihenya",
- vocation: "Back End Developer",
- img: aibunny,
- link: "https://twitter.com/TheAIbunny/status/1708796599793496129",
- company: "Hasibu Systems",
- },
- {
- text: "I just merged my first open-source pull request! 💪🏾I'm so excited to be a part of the community and contribute to making open-source software better.Thank you @SpaceYaTech and @Mentorlst for this awesome opportunity.💯",
- user: "Juma Harun",
- vocation: "Frontend Engineer",
- img: harun,
- link: "https://twitter.com/jumaH4run/status/1669785525480222721",
- company: "Freelance",
- },
- {
- text: "Hey @SpaceYaTech - kudos for all these spaces. Great work providing valuable insights on various tech skills 🙌.",
- user: "Mahati V Singh",
- vocation: "Global Tech Recruiter",
- img: singh,
- link: "https://twitter.com/MyAspirants/status/1715059439625986302",
- company: "JPMorgan Chase & Co",
- },
- ];
-
- return (
-
-
-
- What people are saying...
-
-
- Made by techies for techies. SpaceYaTech will allow you to accelerate
- your growth and free you from tutorial hell as per word on the
- street...
-
-
-
-
-
- );
-}
-
-export default TestimonialSection;
+import TestimonialImg from "../../../../assets/images/testimonal_image.png";
+// import { twitter } from "../../../../assets/images/socials";
+import regan from "../../../../assets/testimonialSection/regan_codes.jpeg";
+import wayne from "../../../../assets/testimonialSection/wayne_gakuo.jpeg";
+import aibunny from "../../../../assets/testimonialSection/ai_bunny.jpeg";
+import wakio from "../../../../assets/testimonialSection/pithoneer.jpeg";
+import tony from "../../../../assets/testimonialSection/tony_k.jpeg";
+import singh from "../../../../assets/testimonialSection/singh.jpeg";
+import harun from "../../../../assets/testimonialSection/juma_harun.jpeg";
+
+function TestimonialSection() {
+ const TestimonialData = [
+ {
+ text: "Thank you @SpaceYaTech. You guys are doing so much for the tech ecosystem in Kenya.",
+ user: "Regan Muthomi",
+ vocation: "Lead Data Science Instructor",
+ img: regan,
+ link: "https://twitter.com/regan_codes/status/1597655617375567872",
+ company: "Africa Data School",
+ },
+ {
+ text: "@SpaceYaTech's admin's mix of humor with informative texts is one thing I look forward to reading 😂🙌🏿. Great work admin 👏🏿.",
+ user: "Wayne Gakuo",
+ vocation: "Frontend Engineer",
+ img: wayne,
+ link: "https://twitter.com/wayne_gakuo/status/1661996704055406593",
+ company: "Sky.Garden",
+ },
+ {
+ text: "You are doing amazing things for the kenyan tech community 👏👏.",
+ user: "Wakio Agness",
+ vocation: "Software Engineer Student",
+ img: wakio,
+ link: "https://twitter.com/Pithoneer/status/1711647271987679246",
+ company: "Alx Africa",
+ },
+ {
+ text: "Stopping by to say I love this space.",
+ user: "Tony Kipkemboi",
+ vocation: "Developer Relations",
+ img: tony,
+ link: "https://twitter.com/tonykipkemboi/status/1712538360827490506",
+ company: "Streamlit",
+ },
+ {
+ text: "I had an awesome weekend courtesy to @Mentorlst and @SpaceYaTech.",
+ user: "Fredrick Waihenya",
+ vocation: "Back End Developer",
+ img: aibunny,
+ link: "https://twitter.com/TheAIbunny/status/1708796599793496129",
+ company: "Hasibu Systems",
+ },
+ {
+ text: "I just merged my first open-source pull request! 💪🏾I'm so excited to be a part of the community and contribute to making open-source software better.Thank you @SpaceYaTech and @Mentorlst for this awesome opportunity.💯",
+ user: "Juma Harun",
+ vocation: "Frontend Engineer",
+ img: harun,
+ link: "https://twitter.com/jumaH4run/status/1669785525480222721",
+ company: "Freelance",
+ },
+ {
+ text: "Hey @SpaceYaTech - kudos for all these spaces. Great work providing valuable insights on various tech skills 🙌.",
+ user: "Mahati V Singh",
+ vocation: "Global Tech Recruiter",
+ img: singh,
+ link: "https://twitter.com/MyAspirants/status/1715059439625986302",
+ company: "JPMorgan Chase & Co",
+ },
+ ];
+
+ return (
+
+
+
+ What people are saying...
+
+
+ Made by techies for techies. SpaceYaTech will allow you to accelerate
+ your growth and free you from tutorial hell as per word on the
+ street...
+
+
+
+
+
+ );
+}
+
+export default TestimonialSection;
diff --git a/src/APP/pages/landingPage/sections/index.js b/src/APP/pages/landingPage/sections/index.js
index 9775ef00..3ca6c321 100644
--- a/src/APP/pages/landingPage/sections/index.js
+++ b/src/APP/pages/landingPage/sections/index.js
@@ -1,23 +1,23 @@
-import { default as CTASection } from "./CTASection";
-import { default as FaqSection } from "./FaqSection";
-import { default as FeatureSection } from "./FeatureSection";
-import { default as HeroSection } from "./HeroSection";
-import { default as HeroSection2 } from "./HeroSection2";
-import { default as HeroSection3 } from "./HeroSection3";
-import { default as PodcastSection } from "./PodcastSection";
-import { default as Services } from "./Services";
-import { default as StatsSection } from "./StatsSection";
-import { default as TestimonialSection } from "./TestimonialSection";
-
-export {
- CTASection,
- FaqSection,
- FeatureSection,
- HeroSection,
- HeroSection2,
- HeroSection3,
- PodcastSection,
- Services,
- StatsSection,
- TestimonialSection,
-};
+import { default as CTASection } from "./CTASection";
+import { default as FaqSection } from "./FaqSection";
+import { default as FeatureSection } from "./FeatureSection";
+import { default as HeroSection } from "./HeroSection";
+import { default as HeroSection2 } from "./HeroSection2";
+import { default as HeroSection3 } from "./HeroSection3";
+import { default as PodcastSection } from "./PodcastSection";
+import { default as Services } from "./Services";
+import { default as StatsSection } from "./StatsSection";
+import { default as TestimonialSection } from "./TestimonialSection";
+
+export {
+ CTASection,
+ FaqSection,
+ FeatureSection,
+ HeroSection,
+ HeroSection2,
+ HeroSection3,
+ PodcastSection,
+ Services,
+ StatsSection,
+ TestimonialSection,
+};
diff --git a/src/APP/pages/products2/Products.jsx b/src/APP/pages/products2/Products.jsx
index f1fbb46e..a736d3bc 100644
--- a/src/APP/pages/products2/Products.jsx
+++ b/src/APP/pages/products2/Products.jsx
@@ -1,18 +1,18 @@
-import React, { useEffect } from "react";
-import { HeroSection, ProductsSection, Teams, TechStack } from "./sections";
-
-const Products = () => {
- useEffect(() => {
- window.scrollTo(0, 0);
- }, []);
- return (
-
- );
-};
-
-export default Products;
+import React, { useEffect } from "react";
+import { HeroSection, ProductsSection, Teams, TechStack } from "./sections";
+
+const Products = () => {
+ useEffect(() => {
+ window.scrollTo(0, 0);
+ }, []);
+ return (
+
+ );
+};
+
+export default Products;
diff --git a/src/APP/pages/products2/data.js b/src/APP/pages/products2/data.js
index f6c41bdd..39c31b3d 100644
--- a/src/APP/pages/products2/data.js
+++ b/src/APP/pages/products2/data.js
@@ -1,201 +1,201 @@
-import {
- aaron,
- emmy,
- fred,
- juma,
- pamela,
-} from "../../../assets/images/aboutPage";
-import {
- angular,
- django,
- docker,
- figma,
- flutter,
- git,
- java,
- jira,
- js,
- laravel,
- mentorlst,
- notion,
- python,
- react,
- vue,
- whimsical,
-} from "../../../assets/images/products";
-
-export const products = [
- {
- name: "Mentorlst Web and Mobile App",
- desc: "A platform for mentors, coaches and consultants to meet with mentees, students and clients for 1:1 sessions, group sessions and community virtual events.",
- img: mentorlst,
- link: "/products",
- },
- {
- name: "Colabs",
- desc: "A platform for mentors, coaches and consultants to meet with mentees, students and clients for 1:1 sessions, group sessions and community virtual events.",
- img: mentorlst,
- link: "/products",
- },
- {
- name: "Mastori",
- desc: "A platform for mentors, coaches and consultants to meet with mentees, students and clients for 1:1 sessions, group sessions and community virtual events.",
- img: mentorlst,
- link: "/products",
- },
-];
-
-export const stackCollection = [
- {
- id: 1,
- category: "Design",
- stack: [
- { url: figma, alt: "figma" },
- { url: notion, alt: "notion" },
- { url: whimsical, alt: "whimsical" },
- ],
- },
- {
- id: 3,
- category: "Backend",
- stack: [
- { url: django, alt: "django" },
- { url: java, alt: "java" },
- { url: laravel, alt: "laravel" },
- { url: python, alt: "python" },
- ],
- },
- {
- id: 2,
- category: "Frontend",
- stack: [
- { url: react, alt: "react" },
- { url: vue, alt: "vue" },
- { url: js, alt: "js" },
- { url: angular, alt: "angular" },
- { url: flutter, alt: "flutter" },
- ],
- },
- {
- id: 4,
- category: "DevOps",
- stack: [
- { url: git, alt: "git" },
- { url: docker, alt: "docker" },
- { url: jira, alt: "jira" },
- ],
- },
-];
-
-export const teams = {
- Design: [
- {
- id: 1,
- name: "Emmy Akinyi",
- title: "UX Team Lead",
- headshot: emmy,
- },
- {
- id: 2,
- name: "Pamela Owino",
- title: "Lead Product Designer",
- headshot: pamela,
- },
- {
- id: 3,
- name: "Aoron Abubakar",
- title: "Product Designer",
- headshot: aaron,
- },
- {
- id: 4,
- name: "Robert Okusi",
- title: "Product Designer",
- headshot: fred,
- },
- {
- id: 5,
- name: "Temitayo Adeleye",
- title: "Product Designer",
- headshot: juma,
- },
- {
- id: 6,
- name: "Olaniran Rasheed",
- title: "Product Designer",
- headshot: fred,
- },
- ],
- "Front-End Dev": [
- {
- id: 1,
- name: "Emmy Akinyi",
- title: "UX Team Lead",
- headshot: emmy,
- },
- {
- id: 3,
- name: "Aoron Abubakar",
- title: "Product Designer",
- headshot: aaron,
- },
- {
- id: 4,
- name: "Robert Okusi",
- title: "Product Designer",
- headshot: fred,
- },
- {
- id: 5,
- name: "Temitayo Adeleye",
- title: "Product Designer",
- headshot: juma,
- },
- {
- id: 6,
- name: "Olaniran Rasheed",
- title: "Product Designer",
- headshot: fred,
- },
- ],
- "Back-End Dev": [
- {
- id: 4,
- name: "Robert Okusi",
- title: "Product Designer",
- headshot: fred,
- },
- {
- id: 5,
- name: "Temitayo Adeleye",
- title: "Product Designer",
- headshot: juma,
- },
- {
- id: 6,
- name: "Olaniran Rasheed",
- title: "Product Designer",
- headshot: fred,
- },
- ],
- DevOps: [
- {
- id: 1,
- name: "Emmy Akinyi",
- title: "UX Team Lead",
- headshot: emmy,
- },
- {
- id: 2,
- name: "Pamela Owino",
- title: "Lead Product Designer",
- headshot: pamela,
- },
- {
- id: 3,
- name: "Aoron Abubakar",
- title: "Product Designer",
- headshot: aaron,
- },
- ],
-};
+import {
+ aaron,
+ emmy,
+ fred,
+ juma,
+ pamela,
+} from "../../../assets/images/aboutPage";
+import {
+ angular,
+ django,
+ docker,
+ figma,
+ flutter,
+ git,
+ java,
+ jira,
+ js,
+ laravel,
+ mentorlst,
+ notion,
+ python,
+ react,
+ vue,
+ whimsical,
+} from "../../../assets/images/products";
+
+export const products = [
+ {
+ name: "Mentorlst Web and Mobile App",
+ desc: "A platform for mentors, coaches and consultants to meet with mentees, students and clients for 1:1 sessions, group sessions and community virtual events.",
+ img: mentorlst,
+ link: "/products",
+ },
+ {
+ name: "Colabs",
+ desc: "A platform for mentors, coaches and consultants to meet with mentees, students and clients for 1:1 sessions, group sessions and community virtual events.",
+ img: mentorlst,
+ link: "/products",
+ },
+ {
+ name: "Mastori",
+ desc: "A platform for mentors, coaches and consultants to meet with mentees, students and clients for 1:1 sessions, group sessions and community virtual events.",
+ img: mentorlst,
+ link: "/products",
+ },
+];
+
+export const stackCollection = [
+ {
+ id: 1,
+ category: "Design",
+ stack: [
+ { url: figma, alt: "figma" },
+ { url: notion, alt: "notion" },
+ { url: whimsical, alt: "whimsical" },
+ ],
+ },
+ {
+ id: 3,
+ category: "Backend",
+ stack: [
+ { url: django, alt: "django" },
+ { url: java, alt: "java" },
+ { url: laravel, alt: "laravel" },
+ { url: python, alt: "python" },
+ ],
+ },
+ {
+ id: 2,
+ category: "Frontend",
+ stack: [
+ { url: react, alt: "react" },
+ { url: vue, alt: "vue" },
+ { url: js, alt: "js" },
+ { url: angular, alt: "angular" },
+ { url: flutter, alt: "flutter" },
+ ],
+ },
+ {
+ id: 4,
+ category: "DevOps",
+ stack: [
+ { url: git, alt: "git" },
+ { url: docker, alt: "docker" },
+ { url: jira, alt: "jira" },
+ ],
+ },
+];
+
+export const teams = {
+ Design: [
+ {
+ id: 1,
+ name: "Emmy Akinyi",
+ title: "UX Team Lead",
+ headshot: emmy,
+ },
+ {
+ id: 2,
+ name: "Pamela Owino",
+ title: "Lead Product Designer",
+ headshot: pamela,
+ },
+ {
+ id: 3,
+ name: "Aoron Abubakar",
+ title: "Product Designer",
+ headshot: aaron,
+ },
+ {
+ id: 4,
+ name: "Robert Okusi",
+ title: "Product Designer",
+ headshot: fred,
+ },
+ {
+ id: 5,
+ name: "Temitayo Adeleye",
+ title: "Product Designer",
+ headshot: juma,
+ },
+ {
+ id: 6,
+ name: "Olaniran Rasheed",
+ title: "Product Designer",
+ headshot: fred,
+ },
+ ],
+ "Front-End Dev": [
+ {
+ id: 1,
+ name: "Emmy Akinyi",
+ title: "UX Team Lead",
+ headshot: emmy,
+ },
+ {
+ id: 3,
+ name: "Aoron Abubakar",
+ title: "Product Designer",
+ headshot: aaron,
+ },
+ {
+ id: 4,
+ name: "Robert Okusi",
+ title: "Product Designer",
+ headshot: fred,
+ },
+ {
+ id: 5,
+ name: "Temitayo Adeleye",
+ title: "Product Designer",
+ headshot: juma,
+ },
+ {
+ id: 6,
+ name: "Olaniran Rasheed",
+ title: "Product Designer",
+ headshot: fred,
+ },
+ ],
+ "Back-End Dev": [
+ {
+ id: 4,
+ name: "Robert Okusi",
+ title: "Product Designer",
+ headshot: fred,
+ },
+ {
+ id: 5,
+ name: "Temitayo Adeleye",
+ title: "Product Designer",
+ headshot: juma,
+ },
+ {
+ id: 6,
+ name: "Olaniran Rasheed",
+ title: "Product Designer",
+ headshot: fred,
+ },
+ ],
+ DevOps: [
+ {
+ id: 1,
+ name: "Emmy Akinyi",
+ title: "UX Team Lead",
+ headshot: emmy,
+ },
+ {
+ id: 2,
+ name: "Pamela Owino",
+ title: "Lead Product Designer",
+ headshot: pamela,
+ },
+ {
+ id: 3,
+ name: "Aoron Abubakar",
+ title: "Product Designer",
+ headshot: aaron,
+ },
+ ],
+};
diff --git a/src/APP/pages/products2/sections/DeveloperCard.jsx b/src/APP/pages/products2/sections/DeveloperCard.jsx
index 4630c865..2546f2dc 100644
--- a/src/APP/pages/products2/sections/DeveloperCard.jsx
+++ b/src/APP/pages/products2/sections/DeveloperCard.jsx
@@ -1,34 +1,34 @@
-import React from "react";
-
-const DeveloperCard = ({ name, title, headshot }) => {
- return (
-
- {/* headshot */}
-
-
- {/* Details */}
-
-
- );
-};
-
-export default DeveloperCard;
+import React from "react";
+
+const DeveloperCard = ({ name, title, headshot }) => {
+ return (
+
+ {/* headshot */}
+
+
+ {/* Details */}
+
+
+ );
+};
+
+export default DeveloperCard;
diff --git a/src/APP/pages/products2/sections/HeroSection.jsx b/src/APP/pages/products2/sections/HeroSection.jsx
index eaf10626..f253b86e 100644
--- a/src/APP/pages/products2/sections/HeroSection.jsx
+++ b/src/APP/pages/products2/sections/HeroSection.jsx
@@ -1,32 +1,32 @@
-import React from "react";
-
-const HeroSection = () => {
- return (
-
- {/* text section */}
-
-
- Our products
-
-
- We don’t just talk about code. We build products that work and look
- good.
-
-
-
- {/* video section */}
-
-
-
-
- );
-};
-
-export default HeroSection;
+import React from "react";
+
+const HeroSection = () => {
+ return (
+
+ {/* text section */}
+
+
+ Our products
+
+
+ We don’t just talk about code. We build products that work and look
+ good.
+
+
+
+ {/* video section */}
+
+
+
+
+ );
+};
+
+export default HeroSection;
diff --git a/src/APP/pages/products2/sections/ProductsCard.jsx b/src/APP/pages/products2/sections/ProductsCard.jsx
index 2fcb8e56..c27df456 100644
--- a/src/APP/pages/products2/sections/ProductsCard.jsx
+++ b/src/APP/pages/products2/sections/ProductsCard.jsx
@@ -1,53 +1,53 @@
-import React from "react";
-import { upleft } from "../../../../assets/images/icons";
-
-const ProductsCard = ({ name, desc, img, link, index }) => {
- return (
-
- );
-};
-
-export default ProductsCard;
+import React from "react";
+import { upleft } from "../../../../assets/images/icons";
+
+const ProductsCard = ({ name, desc, img, link, index }) => {
+ return (
+
+ );
+};
+
+export default ProductsCard;
diff --git a/src/APP/pages/products2/sections/ProductsSection.jsx b/src/APP/pages/products2/sections/ProductsSection.jsx
index b580ae8f..796eb26b 100644
--- a/src/APP/pages/products2/sections/ProductsSection.jsx
+++ b/src/APP/pages/products2/sections/ProductsSection.jsx
@@ -1,23 +1,23 @@
-import React from "react";
-
-import ProductsCard from "./ProductsCard";
-import { products } from "../data";
-
-const ProductsSection = () => {
- return (
-
- {products.map(({ name, desc, img, link }, i) => (
-
- ))}
-
- );
-};
-
-export default ProductsSection;
+import React from "react";
+
+import ProductsCard from "./ProductsCard";
+import { products } from "../data";
+
+const ProductsSection = () => {
+ return (
+
+ {products.map(({ name, desc, img, link }, i) => (
+
+ ))}
+
+ );
+};
+
+export default ProductsSection;
diff --git a/src/APP/pages/products2/sections/StackCategory.jsx b/src/APP/pages/products2/sections/StackCategory.jsx
index 1cff62e2..e65f3b4a 100644
--- a/src/APP/pages/products2/sections/StackCategory.jsx
+++ b/src/APP/pages/products2/sections/StackCategory.jsx
@@ -1,23 +1,23 @@
-import React from "react";
-
-const StackCategory = ({ category, stack }) => {
- return (
-
-
- {category}
-
-
- {stack.map(({ url, alt }) => (
-
- ))}
-
-
- );
-};
-
-export default StackCategory;
+import React from "react";
+
+const StackCategory = ({ category, stack }) => {
+ return (
+
+
+ {category}
+
+
+ {stack.map(({ url, alt }) => (
+
+ ))}
+
+
+ );
+};
+
+export default StackCategory;
diff --git a/src/APP/pages/products2/sections/Teams.jsx b/src/APP/pages/products2/sections/Teams.jsx
index da3bfe66..6d2228c7 100644
--- a/src/APP/pages/products2/sections/Teams.jsx
+++ b/src/APP/pages/products2/sections/Teams.jsx
@@ -1,85 +1,85 @@
-import React, { useState } from "react";
-import { Tab } from "@headlessui/react";
-import { teams } from "../data";
-import { upleftGreen } from "../../../../assets/images/icons";
-import DeveloperCard from "./DeveloperCard";
-
-function classNames(...classes) {
- return classes.filter(Boolean).join(" ");
-}
-
-const Teams = () => {
- let [categories] = useState(teams);
-
- return (
-
- {/* Header */}
-
-
- {/* Tabs */}
-
-
-
- {Object.keys(categories).map((category) => (
-
- classNames(
- "min-w-fit w-fit rounded-[40px] py-2 px-4 text-base font-light leading-5",
- "ring-white/60 ring-offset-2 ring-offset-gray-600 focus:outline-none",
- selected
- ? "bg-[#f3f3f3] font-medium"
- : "hover:bg-[#f3f3f3] font-normal"
- )
- }
- >
- {category}
-
- ))}
-
-
- {Object.values(categories).map((posts, idx) => (
-
- {posts.map(({ id, name, title, headshot }) => (
-
- ))}
-
- ))}
-
-
-
-
- );
-};
-
-export default Teams;
+import React, { useState } from "react";
+import { Tab } from "@headlessui/react";
+import { teams } from "../data";
+import { upleftGreen } from "../../../../assets/images/icons";
+import DeveloperCard from "./DeveloperCard";
+
+function classNames(...classes) {
+ return classes.filter(Boolean).join(" ");
+}
+
+const Teams = () => {
+ let [categories] = useState(teams);
+
+ return (
+
+ {/* Header */}
+
+
+ {/* Tabs */}
+
+
+
+ {Object.keys(categories).map((category) => (
+
+ classNames(
+ "min-w-fit w-fit rounded-[40px] py-2 px-4 text-base font-light leading-5",
+ "ring-white/60 ring-offset-2 ring-offset-gray-600 focus:outline-none",
+ selected
+ ? "bg-[#f3f3f3] font-medium"
+ : "hover:bg-[#f3f3f3] font-normal"
+ )
+ }
+ >
+ {category}
+
+ ))}
+
+
+ {Object.values(categories).map((posts, idx) => (
+
+ {posts.map(({ id, name, title, headshot }) => (
+
+ ))}
+
+ ))}
+
+
+
+
+ );
+};
+
+export default Teams;
diff --git a/src/APP/pages/products2/sections/TechStack.jsx b/src/APP/pages/products2/sections/TechStack.jsx
index 1f8706f5..58e14236 100644
--- a/src/APP/pages/products2/sections/TechStack.jsx
+++ b/src/APP/pages/products2/sections/TechStack.jsx
@@ -1,28 +1,28 @@
-import React from "react";
-import StackCategory from "./StackCategory";
-import { stackCollection } from "../data";
-
-const TechStack = () => {
- return (
-
-
- Crafted with world-class Tech stacks
-
-
-
-
- {stackCollection.slice(0, 2).map(({ id, category, stack }) => (
-
- ))}
-
-
- {stackCollection.slice(2, 4).map(({ id, category, stack }) => (
-
- ))}
-
-
-
- );
-};
-
-export default TechStack;
+import React from "react";
+import StackCategory from "./StackCategory";
+import { stackCollection } from "../data";
+
+const TechStack = () => {
+ return (
+
+
+ Crafted with world-class Tech stacks
+
+
+
+
+ {stackCollection.slice(0, 2).map(({ id, category, stack }) => (
+
+ ))}
+
+
+ {stackCollection.slice(2, 4).map(({ id, category, stack }) => (
+
+ ))}
+
+
+
+ );
+};
+
+export default TechStack;
diff --git a/src/APP/pages/products2/sections/index.js b/src/APP/pages/products2/sections/index.js
index 1321b70e..4e2cc481 100644
--- a/src/APP/pages/products2/sections/index.js
+++ b/src/APP/pages/products2/sections/index.js
@@ -1,17 +1,17 @@
-import { default as HeroSection } from "./HeroSection";
-import { default as ProductsSection } from "./ProductsSection";
-import { default as ProductsCard } from "./ProductsCard";
-import { default as TechStack } from "./TechStack";
-import { default as StackCategory } from "./StackCategory";
-import { default as Teams } from "./Teams";
-import { default as DeveloperCard } from "./DeveloperCard";
-
-export {
- HeroSection,
- ProductsSection,
- ProductsCard,
- TechStack,
- StackCategory,
- Teams,
- DeveloperCard,
-};
+import { default as HeroSection } from "./HeroSection";
+import { default as ProductsSection } from "./ProductsSection";
+import { default as ProductsCard } from "./ProductsCard";
+import { default as TechStack } from "./TechStack";
+import { default as StackCategory } from "./StackCategory";
+import { default as Teams } from "./Teams";
+import { default as DeveloperCard } from "./DeveloperCard";
+
+export {
+ HeroSection,
+ ProductsSection,
+ ProductsCard,
+ TechStack,
+ StackCategory,
+ Teams,
+ DeveloperCard,
+};
diff --git a/src/AUTH/pages/LogIn.jsx b/src/AUTH/pages/LogIn.jsx
index e14d1da8..6de08356 100644
--- a/src/AUTH/pages/LogIn.jsx
+++ b/src/AUTH/pages/LogIn.jsx
@@ -1,111 +1,111 @@
-import React, { useState } from "react";
-import axios from "axios";
-import { Navigate } from "react-router-dom";
-import LoginImg from "../../assets/images/auth/login.svg";
-import useAuth from "../../hooks/useAuth";
-
-function LogIn() {
- const { auth, setAuth } = useAuth();
- const [username, setUsername] = useState("");
- const [password, setPassword] = useState("");
- const [isError, setError] = useState(null);
- const [rememberMe, setRememberMe] = useState(false);
-
- const handleSubmit = async (e) => {
- e.preventDefault();
-
- try {
- const response = await axios.post(
- `${process.env.REACT_APP_API_BASE_URL}/api/token/`,
- {
- username,
- password,
- },
- { headers: { "Content-Type": "application/json" } }
- );
-
- setAuth(response.data);
- } catch (error) {
- setError(error.message);
- }
- };
-
- if (auth?.access) {
- return
;
- }
-
- return (
-
-
-
- Welcome Back!
-
-
- It's always a pleasure to see you again
-
-
-
-
-
-
Login to your Account
-
{isError}
-
-
-
-
- );
-}
-
-export default LogIn;
+import React, { useState } from "react";
+import axios from "axios";
+import { Navigate } from "react-router-dom";
+import LoginImg from "../../assets/images/auth/login.svg";
+import useAuth from "../../hooks/useAuth";
+
+function LogIn() {
+ const { auth, setAuth } = useAuth();
+ const [username, setUsername] = useState("");
+ const [password, setPassword] = useState("");
+ const [isError, setError] = useState(null);
+ const [rememberMe, setRememberMe] = useState(false);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ try {
+ const response = await axios.post(
+ `${process.env.REACT_APP_API_BASE_URL}/token/`,
+ {
+ username,
+ password,
+ },
+ { headers: { "Content-Type": "application/json" } }
+ );
+
+ setAuth(response.data);
+ } catch (error) {
+ setError(error.message);
+ }
+ };
+
+ if (auth?.access) {
+ return
;
+ }
+
+ return (
+
+
+
+ Welcome Back!
+
+
+ It's always a pleasure to see you again
+
+
+
+
+
+
Login to your Account
+
{isError}
+
+
+
+
+ );
+}
+
+export default LogIn;
diff --git a/src/assets/images/aboutPage/index.js b/src/assets/images/aboutPage/index.js
index a0caa277..bc253447 100644
--- a/src/assets/images/aboutPage/index.js
+++ b/src/assets/images/aboutPage/index.js
@@ -1,45 +1,45 @@
-import aaron from "./creativeTeam/aaron-abubakar.jpeg";
-import emmy from "./creativeTeam/emmy-akinyi.jpeg";
-import pamela from "./creativeTeam/pamela-owino.png";
-
-import catherine from "./leadership/catherine-kiiru.jpeg";
-import fred from "./leadership/fred-ouko.jpeg";
-import hudson from "./leadership/hudson-obai.png";
-import ian from "./leadership/ian-mugenya.png";
-import james from "./leadership/james-otieno.jpeg";
-import juma from "./leadership/juma-lawrence.png";
-import marlyn from "./leadership/marlyn-mayienga.png";
-import sharon from "./leadership/sharon-jebitok.jpeg";
-import waithaka from "./leadership/waithaka-waweru.jpeg";
-import murabula from "./leadership/rachel-murabula.jpeg";
-
-import heroImg from "./heroSec.png";
-import aboutImg2 from "./about-img-2.png";
-import about1 from "./about-img-1.png";
-import about2 from "./about-img-2.png";
-import buildComm from "./building-community.png";
-import mission from "./mission-bg.png";
-import vision from "./vision-bg.png";
-
-export {
- aaron,
- emmy,
- pamela,
- catherine,
- fred,
- hudson,
- ian,
- james,
- juma,
- marlyn,
- murabula,
- sharon,
- waithaka,
- about1,
- about2,
- buildComm,
- mission,
- vision,
- heroImg,
- aboutImg2,
-};
+import aaron from "./creativeTeam/aaron-abubakar.jpeg";
+import emmy from "./creativeTeam/emmy-akinyi.jpeg";
+import pamela from "./creativeTeam/pamela-owino.png";
+
+import catherine from "./leadership/catherine-kiiru.jpeg";
+import fred from "./leadership/fred-ouko.jpeg";
+import hudson from "./leadership/hudson-obai.png";
+import ian from "./leadership/ian-mugenya.png";
+import james from "./leadership/james-otieno.jpeg";
+import juma from "./leadership/juma-lawrence.png";
+import marlyn from "./leadership/marlyn-mayienga.png";
+import sharon from "./leadership/sharon-jebitok.jpeg";
+import waithaka from "./leadership/waithaka-waweru.jpeg";
+import murabula from "./leadership/rachel-murabula.jpeg";
+
+import heroImg from "./heroSec.png";
+import aboutImg2 from "./about-img-2.png";
+import about1 from "./about-img-1.png";
+import about2 from "./about-img-2.png";
+import buildComm from "./building-community.png";
+import mission from "./mission-bg.png";
+import vision from "./vision-bg.png";
+
+export {
+ aaron,
+ emmy,
+ pamela,
+ catherine,
+ fred,
+ hudson,
+ ian,
+ james,
+ juma,
+ marlyn,
+ murabula,
+ sharon,
+ waithaka,
+ about1,
+ about2,
+ buildComm,
+ mission,
+ vision,
+ heroImg,
+ aboutImg2,
+};
diff --git a/src/assets/images/icons/index.js b/src/assets/images/icons/index.js
index 420d35d8..921e70a0 100644
--- a/src/assets/images/icons/index.js
+++ b/src/assets/images/icons/index.js
@@ -1,17 +1,17 @@
-import bellIcon from "./bell-icon.svg";
-import cartIcon from "./cart-icon.svg";
-import closeIcon from "./close-icon.svg";
-import deleteIcon from "./delete-icon.svg";
-import searchIcon from "./search-icon.svg";
-import upleft from "./up-left.svg";
-import upleftGreen from "./upleft-green.svg";
-
-export {
- bellIcon,
- cartIcon,
- closeIcon,
- deleteIcon,
- searchIcon,
- upleft,
- upleftGreen,
-};
+import bellIcon from "./bell-icon.svg";
+import cartIcon from "./cart-icon.svg";
+import closeIcon from "./close-icon.svg";
+import deleteIcon from "./delete-icon.svg";
+import searchIcon from "./search-icon.svg";
+import upleft from "./up-left.svg";
+import upleftGreen from "./upleft-green.svg";
+
+export {
+ bellIcon,
+ cartIcon,
+ closeIcon,
+ deleteIcon,
+ searchIcon,
+ upleft,
+ upleftGreen,
+};
diff --git a/src/assets/images/icons/up-left.svg b/src/assets/images/icons/up-left.svg
index e05d40d6..5f085aa2 100644
--- a/src/assets/images/icons/up-left.svg
+++ b/src/assets/images/icons/up-left.svg
@@ -1,6 +1,6 @@
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/assets/images/icons/upleft-green.svg b/src/assets/images/icons/upleft-green.svg
index ed8b9426..36167c3a 100644
--- a/src/assets/images/icons/upleft-green.svg
+++ b/src/assets/images/icons/upleft-green.svg
@@ -1,6 +1,6 @@
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/assets/images/products/index.js b/src/assets/images/products/index.js
index cb204594..c7a265e4 100644
--- a/src/assets/images/products/index.js
+++ b/src/assets/images/products/index.js
@@ -1,43 +1,43 @@
-import mentorlst from "./mentorlst.png";
-import innovation from "./innovation.mp4";
-
-import figma from "./stacks/figma.png";
-import notion from "./stacks/notion.png";
-import whimsical from "./stacks/whimsical.png";
-
-import react from "./stacks/react.png";
-import vue from "./stacks/vue.png";
-import js from "./stacks/js.png";
-import angular from "./stacks/angular.png";
-import flutter from "./stacks/flutter.png";
-
-import django from "./stacks/django.png";
-import java from "./stacks/java.png";
-import laravel from "./stacks/laravel.png";
-import python from "./stacks/python.png";
-
-import git from "./stacks/git.png";
-import docker from "./stacks/docker.png";
-import jira from "./stacks/jira.png";
-import kubernetes from "./stacks/kubernetes.png";
-
-export {
- mentorlst,
- innovation,
- figma,
- notion,
- whimsical,
- react,
- vue,
- js,
- angular,
- flutter,
- django,
- java,
- laravel,
- python,
- git,
- docker,
- jira,
- kubernetes,
-};
+import mentorlst from "./mentorlst.png";
+import innovation from "./innovation.mp4";
+
+import figma from "./stacks/figma.png";
+import notion from "./stacks/notion.png";
+import whimsical from "./stacks/whimsical.png";
+
+import react from "./stacks/react.png";
+import vue from "./stacks/vue.png";
+import js from "./stacks/js.png";
+import angular from "./stacks/angular.png";
+import flutter from "./stacks/flutter.png";
+
+import django from "./stacks/django.png";
+import java from "./stacks/java.png";
+import laravel from "./stacks/laravel.png";
+import python from "./stacks/python.png";
+
+import git from "./stacks/git.png";
+import docker from "./stacks/docker.png";
+import jira from "./stacks/jira.png";
+import kubernetes from "./stacks/kubernetes.png";
+
+export {
+ mentorlst,
+ innovation,
+ figma,
+ notion,
+ whimsical,
+ react,
+ vue,
+ js,
+ angular,
+ flutter,
+ django,
+ java,
+ laravel,
+ python,
+ git,
+ docker,
+ jira,
+ kubernetes,
+};
diff --git a/src/assets/images/socials/index.js b/src/assets/images/socials/index.js
index 2607041a..b6c9d1f2 100644
--- a/src/assets/images/socials/index.js
+++ b/src/assets/images/socials/index.js
@@ -1,8 +1,8 @@
-import { default as linkedin } from "./linkedIn.svg";
-import { default as facebook } from "./facebook.svg";
-import { default as twitter } from "./twitter.svg";
-import { default as instagram } from "./instagram.svg";
-import { default as spotify } from "./spotify.png";
-import { default as discord } from "./discord.svg";
-
-export { linkedin, facebook, twitter, instagram, spotify, discord };
+import { default as linkedin } from "./linkedIn.svg";
+import { default as facebook } from "./facebook.svg";
+import { default as twitter } from "./twitter.svg";
+import { default as instagram } from "./instagram.svg";
+import { default as spotify } from "./spotify.png";
+import { default as discord } from "./discord.svg";
+
+export { linkedin, facebook, twitter, instagram, spotify, discord };
diff --git a/src/hooks/Queries/blogs/useAllBlogsData.jsx b/src/hooks/Queries/blogs/useAllBlogsData.jsx
index 84eb009a..94d0dd06 100644
--- a/src/hooks/Queries/blogs/useAllBlogsData.jsx
+++ b/src/hooks/Queries/blogs/useAllBlogsData.jsx
@@ -1,37 +1,6 @@
-import { blog1, blog2, blog3 } from "../../../assets/images/blogs-page";
+import { useQuery } from "@tanstack/react-query";
import axios from "axios";
-
-export const blogCat = [
- {
- id: 1,
- cat: "Software Development",
- },
- {
- id: 2,
- cat: "Design",
- },
- {
- id: 3,
- cat: "Mobile Development",
- },
- {
- id: 4,
- cat: "UX Design",
- },
- {
- id: 5,
- cat: "UI Design",
- },
- {
- id: 6,
- cat: "Technical Writing",
- },
-];
-
-// interface BlogCategory {
-// id: number;
-// name: string;
-// }
+// import { blog1, blog2, blog3 } from "../../../assets/images/blogs-page";
const fetchBlogCategories = async () => {
try {
@@ -54,23 +23,6 @@ const useBlogCategories = () => {
});
};
-// interface Blog {
-// id: number;
-// title: string;
-// description: string;
-// category: number;
-// likes: number;
-// image: string;
-// created_at: string;
-// }
-
-// interface BlogList {
-// count: number;
-// next: string;
-// previous: string;
-// results: Blog[]
-// }
-
const fetchBlogsData = async (page) => {
let url = `${process.env.REACT_APP_API_BASE_URL}/blog/`;
diff --git a/src/hooks/Queries/chapter/usePostAddChapter.jsx b/src/hooks/Queries/chapter/usePostAddChapter.jsx
index 40696dce..6267432e 100644
--- a/src/hooks/Queries/chapter/usePostAddChapter.jsx
+++ b/src/hooks/Queries/chapter/usePostAddChapter.jsx
@@ -1,82 +1,82 @@
-import axios from 'axios';
-import React, { useEffect, useState } from 'react'
-
-const usePostAddChapter = () => {
- const [ chapterData, setChapterData ] = useState(null);
- const [ error, setError ] = useState(null);
- const [ status, setStatus ] = useState(null);
-
- const clearError = (error = 'all') => {
- error === 'all' && setError(null);
- // Clear one item's error?
- }
-
- const clearStatus = (status = 'all') => {
- status === 'all' && setStatus(null);
- // Clear one item's status?
- }
-
- useEffect(() => {
- if (chapterData) {
- const formData = new FormData();
-
- formData.append('country', chapterData.country);
- formData.append('city', chapterData.city);
- formData.append('name', chapterData.name);
- formData.append('about', chapterData.about);
- formData.append('socials', JSON.stringify(chapterData.socials));
- formData.append('banner', chapterData.banner);
-
- chapterData.organizers.forEach((organizer, index) => {
- const newOrganizer = {...organizer}
- formData.append(`organizer.${index}.image`, organizer.image);
- delete newOrganizer.image;
- formData.append(`organizers`, JSON.stringify(newOrganizer));
- });
-
- axios.post(
- `${process.env.REACT_APP_API_BASE_URL}/chapter/`,
- formData,
- {
- headers: {
- 'Content-Type': 'multipart/form-data'
- }
- }
- ).then(response => {
- if (response.status === 200 || response.status === 201) {
- setStatus("success");
- setChapterData(null);
- setError(null);
- } else {
- setStatus("error");
- setError(response.data);
- }
- }).catch((error) => {
- switch (error.code) {
- case 'ERR_NETWORK':
- setError({ axios: error.message });
- setStatus("error");
- break;
- case 'ERR_BAD_REQUEST':
- error.response ? (
- setError({
- chapter: error.response.data
- })
- ) : (
- setError({ server: "Problem contacting the server!" })
- );
- setStatus("error");
- break;
- default:
- setStatus("error");
- setError({ axios: "Please try again later."})
- break;
- }
- })
- }
- }, [chapterData]);
-
- return { setChapterData, error, clearError, status, clearStatus};
-}
-
+import axios from 'axios';
+import React, { useEffect, useState } from 'react'
+
+const usePostAddChapter = () => {
+ const [ chapterData, setChapterData ] = useState(null);
+ const [ error, setError ] = useState(null);
+ const [ status, setStatus ] = useState(null);
+
+ const clearError = (error = 'all') => {
+ error === 'all' && setError(null);
+ // Clear one item's error?
+ }
+
+ const clearStatus = (status = 'all') => {
+ status === 'all' && setStatus(null);
+ // Clear one item's status?
+ }
+
+ useEffect(() => {
+ if (chapterData) {
+ const formData = new FormData();
+
+ formData.append('country', chapterData.country);
+ formData.append('city', chapterData.city);
+ formData.append('name', chapterData.name);
+ formData.append('about', chapterData.about);
+ formData.append('socials', JSON.stringify(chapterData.socials));
+ formData.append('banner', chapterData.banner);
+
+ chapterData.organizers.forEach((organizer, index) => {
+ const newOrganizer = {...organizer}
+ formData.append(`organizer.${index}.image`, organizer.image);
+ delete newOrganizer.image;
+ formData.append(`organizers`, JSON.stringify(newOrganizer));
+ });
+
+ axios.post(
+ `${process.env.REACT_APP_API_BASE_URL}/chapter/`,
+ formData,
+ {
+ headers: {
+ 'Content-Type': 'multipart/form-data'
+ }
+ }
+ ).then(response => {
+ if (response.status === 200 || response.status === 201) {
+ setStatus("success");
+ setChapterData(null);
+ setError(null);
+ } else {
+ setStatus("error");
+ setError(response.data);
+ }
+ }).catch((error) => {
+ switch (error.code) {
+ case 'ERR_NETWORK':
+ setError({ axios: error.message });
+ setStatus("error");
+ break;
+ case 'ERR_BAD_REQUEST':
+ error.response ? (
+ setError({
+ chapter: error.response.data
+ })
+ ) : (
+ setError({ server: "Problem contacting the server!" })
+ );
+ setStatus("error");
+ break;
+ default:
+ setStatus("error");
+ setError({ axios: "Please try again later."})
+ break;
+ }
+ })
+ }
+ }, [chapterData]);
+
+ return { setChapterData, error, clearError, status, clearStatus};
+}
+
export default usePostAddChapter
\ No newline at end of file
diff --git a/src/hooks/Queries/eventsSection/usePostEvents.jsx b/src/hooks/Queries/eventsSection/usePostEvents.jsx
index 0490536a..1bf46200 100644
--- a/src/hooks/Queries/eventsSection/usePostEvents.jsx
+++ b/src/hooks/Queries/eventsSection/usePostEvents.jsx
@@ -1,107 +1,107 @@
-import React, { useEffect, useState } from 'react'
-import axios from "axios";
-
-const usePostEvents = () => {
- const [ eventData, setEventData ] = useState(null);
- const [ error, setError ] = useState(null);
- const [ status, setStatus ] = useState(null);
-
- const clearError = (error = 'all') => {
- error === 'all' && setError(null);
- // Clear one items error?
- }
-
- const clearStatus = (status = 'all') => {
- status === 'all' && setStatus(null);
- // Clear one item's status
- }
-
- const postFunction = (formData) => {
- axios.post(
- `${process.env.REACT_APP_API_BASE_URL}/events/`,
- formData,
- {
- headers: {
- 'Content-Type': 'multipart/form-data'
- }
- }). then(response => {
- if (response.status == 200 || response.status ==201) {
- setStatus("success");
- setEventData(null);
- setError(null);
- } else {
- setStatus("error");
- setError(response.data);
- }
- }).catch(error => {
- console.log("The error", error)
- switch (error.code) {
- case 'ERR_NETWORK':
- setError({ axios: error.message });
- setStatus("error");
- break;
- case 'ERR_BAD_REQUEST':
- if (error.response) {
- if (error.response.status === 404) {
- setError( {axios: "Cannot post the event to the server."})
- } else {
- setError({ event: error.response.data })
- }
- } else {
- setError({ axios: "Problem contacting the server!" })
- }
- setStatus("error");
- break;
- default:
- setStatus("error");
- setError({ axios: "Please try again later."});
- break;
- }
- });
- }
-
- useEffect(() => {
- if (eventData) {
- const formData = new FormData();
-
- formData.append('name', eventData.name);
- formData.append('about', eventData.about);
- formData.append('link', eventData.link);
- formData.append('location', eventData.location);
- formData.append('mode', eventData.mode);
- formData.append('city', eventData.city);
- formData.append('country', eventData.country);
- formData.append('date', eventData.date);
- formData.append('start_time', eventData.start_time);
- formData.append('end_time', eventData.end_time);
- formData.append('poster', eventData.poster);
- formData.append('chapter_id', eventData.chapter);
-
- if (eventData.category_name) {
- axios.post(
- `${process.env.REACT_APP_API_BASE_URL}/events-categories/`,
- JSON.stringify({"name": eventData.category_name}),
- {
- headers: {
- 'Content-Type': 'application/json'
- }
- }).then(response => {
- if (response.status == 200 || response.status == 201) {
- formData.append('category_id', response.data.id);
- postFunction(formData);
- }
- }).catch (error => {
- setError({ server: "Problem creating the new event category!" })
- setStatus("error");
- });
- } else {
- formData.append("category_id", eventData.category);
- postFunction(formData);
- }
- }
- }, [eventData])
-
- return {setEventData, error, clearError, status, clearStatus}
-}
-
+import React, { useEffect, useState } from 'react'
+import axios from "axios";
+
+const usePostEvents = () => {
+ const [ eventData, setEventData ] = useState(null);
+ const [ error, setError ] = useState(null);
+ const [ status, setStatus ] = useState(null);
+
+ const clearError = (error = 'all') => {
+ error === 'all' && setError(null);
+ // Clear one items error?
+ }
+
+ const clearStatus = (status = 'all') => {
+ status === 'all' && setStatus(null);
+ // Clear one item's status
+ }
+
+ const postFunction = (formData) => {
+ axios.post(
+ `${process.env.REACT_APP_API_BASE_URL}/events/`,
+ formData,
+ {
+ headers: {
+ 'Content-Type': 'multipart/form-data'
+ }
+ }). then(response => {
+ if (response.status == 200 || response.status ==201) {
+ setStatus("success");
+ setEventData(null);
+ setError(null);
+ } else {
+ setStatus("error");
+ setError(response.data);
+ }
+ }).catch(error => {
+ console.log("The error", error)
+ switch (error.code) {
+ case 'ERR_NETWORK':
+ setError({ axios: error.message });
+ setStatus("error");
+ break;
+ case 'ERR_BAD_REQUEST':
+ if (error.response) {
+ if (error.response.status === 404) {
+ setError( {axios: "Cannot post the event to the server."})
+ } else {
+ setError({ event: error.response.data })
+ }
+ } else {
+ setError({ axios: "Problem contacting the server!" })
+ }
+ setStatus("error");
+ break;
+ default:
+ setStatus("error");
+ setError({ axios: "Please try again later."});
+ break;
+ }
+ });
+ }
+
+ useEffect(() => {
+ if (eventData) {
+ const formData = new FormData();
+
+ formData.append('name', eventData.name);
+ formData.append('about', eventData.about);
+ formData.append('link', eventData.link);
+ formData.append('location', eventData.location);
+ formData.append('mode', eventData.mode);
+ formData.append('city', eventData.city);
+ formData.append('country', eventData.country);
+ formData.append('date', eventData.date);
+ formData.append('start_time', eventData.start_time);
+ formData.append('end_time', eventData.end_time);
+ formData.append('poster', eventData.poster);
+ formData.append('chapter_id', eventData.chapter);
+
+ if (eventData.category_name) {
+ axios.post(
+ `${process.env.REACT_APP_API_BASE_URL}/events-categories/`,
+ JSON.stringify({"name": eventData.category_name}),
+ {
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ }).then(response => {
+ if (response.status == 200 || response.status == 201) {
+ formData.append('category_id', response.data.id);
+ postFunction(formData);
+ }
+ }).catch (error => {
+ setError({ server: "Problem creating the new event category!" })
+ setStatus("error");
+ });
+ } else {
+ formData.append("category_id", eventData.category);
+ postFunction(formData);
+ }
+ }
+ }, [eventData])
+
+ return {setEventData, error, clearError, status, clearStatus}
+}
+
export default usePostEvents
\ No newline at end of file