-
-
-
- {blogs.map((blog, index) => {
- return (
- <>
-
-
-
- );
-};
-
-export default BlogList;
+
- Blog
-
-
-
-
- );
-};
-
-// Export the component
-export default BlogId;
+import EventId from "@/components/event/eventDetail";
+
+export default function EventDetail({ params }){
+ return(
+
- {eventData ? (
-
-
-
-
- {eventData.event_body}
-
- ) : (
-
-
-
- {eventData?.event_tags.split(",").map((data, index) => {
- return (
- {data}
- )
- }
- )}
-
-
- {eventData.title}
-
-
- 
-
-
- {eventData.event_organizer}{formattedDate}
-
- Loading...
- )} -
-
-
-
- {blogs.map((blog, index) => {
- return (
- <>
-
-
-
- );
-};
-
-export default EventList;
+
- Events
-
-
-
-
- );
-};
-
-// Export the component
-export default ProjectId;
+import ProjectId from "@/components/project/projectDetail";
+
+export default function ProjectDetail({ params }){
+ return(
+
- {projectData ? (
-
-
-
-
- {projectData.project_body}
-
- ) : (
-
-
-
- {projectData?.project_tags.split(",").map((data, index) => {
- return (
- {data}
- )
- }
- )}
-
-
- {projectData.title}
-
-
- {projectData.project_description}
-
-
- {projectData.project_authors}
-
- Loading...
- )} -
-
- );
-}
+
+
+
+ );
+};
+
+// Export the component
+export default BlogId;
diff --git a/src/components/blog/blogList.jsx b/src/components/blog/blogList.jsx
new file mode 100644
index 0000000..d38a366
--- /dev/null
+++ b/src/components/blog/blogList.jsx
@@ -0,0 +1,64 @@
+"use client"
+import React, { useEffect, useState } from 'react';
+import BlogCard from './Blogcard';
+
+const BlogList = () => {
+ const [blogs, setBlogs] = useState([]);
+ const [currentPage, setCurrentPage] = useState(1);
+ const blogsPerPage = 6;
+
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ const response = await fetch('https://tetragram.codered.cloud/api/v2/pages/?type=blog.BlogPage&fields=*');
+ const data = await response.json();
+ setBlogs(data.items);
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+
+ fetchData();
+ }, []);
+
+ // Calculate the index range for the current page
+ const indexOfLastBlog = currentPage * blogsPerPage;
+ const indexOfFirstBlog = indexOfLastBlog - blogsPerPage;
+ const currentBlogs = blogs.slice(indexOfFirstBlog, indexOfLastBlog);
+
+ // Function to handle page change
+ const handlePageChange = (newPage) => {
+ setCurrentPage(newPage);
+ };
+
+ return (
+ <>
+
+ {blogData ? (
+
+
+
+
+ {blogData.blog_body}
+
+ ) : (
+
+
+
+ {blogData?.blog_tags.split(",").map((data, index) => {
+ return (
+ {data}
+ )
+ }
+ )}
+
+
+ {blogData.title}
+
+
+ {blogData.blog_description}
+
+
+ {blogData.blog_authors}{formattedDate}
+
+ Loading...
+ )} +
+
+
+
+ {blogs.map((blog, index) => {
+ return (
+ <>
+
+
+
+ );
+};
+
+export default BlogList;
diff --git a/src/app/blogs/[blogid]/styleblog.css b/src/components/blog/styleblog.css
similarity index 100%
rename from src/app/blogs/[blogid]/styleblog.css
rename to src/components/blog/styleblog.css
diff --git a/src/app/events/Eventcard.module.css b/src/components/event/Eventcard.module.css
similarity index 100%
rename from src/app/events/Eventcard.module.css
rename to src/components/event/Eventcard.module.css
diff --git a/src/app/events/Eventlist.css b/src/components/event/Eventlist.css
similarity index 100%
rename from src/app/events/Eventlist.css
rename to src/components/event/Eventlist.css
diff --git a/src/app/events/blog.png b/src/components/event/blog.png
similarity index 100%
rename from src/app/events/blog.png
rename to src/components/event/blog.png
diff --git a/src/app/events/eventCard.js b/src/components/event/eventCard.js
similarity index 100%
rename from src/app/events/eventCard.js
rename to src/components/event/eventCard.js
diff --git a/src/components/event/eventDetail.jsx b/src/components/event/eventDetail.jsx
new file mode 100644
index 0000000..a057850
--- /dev/null
+++ b/src/components/event/eventDetail.jsx
@@ -0,0 +1,88 @@
+// Import necessary modules
+"use client"
+import { useEffect, useState } from "react";
+import Navbar from "@/components/Navbar/Navbar";
+import Footer from "@/components/footer";
+import ReactMarkdown from "react-markdown";
+import './styleblog.css'
+// Import Tailwind CSS classes
+import 'tailwindcss/tailwind.css';
+
+// Component definition
+const EventId = ({ params }) => {
+ console.log(params.blogid)
+ // State to store the fetched data
+ const [eventData, setEventData] = useState(null);
+
+ // Effect to fetch data when the component mounts
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ // Fetch data from the API
+ const response = await fetch('https://tetragram.codered.cloud/api/v2/pages/?type=events.EventsPage&fields=*');
+ const data = await response.json();
+ // Find the blog post with the matching id
+ const matchingBlog = data.items.find(blog => blog?.event_slug === params.eventid);
+ // Update the state with the matching blog data
+ setEventData(matchingBlog);
+
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+
+ // Call the fetchData function
+ fetchData();
+ }, [params.blogid]); // Include params.id in the dependency array to refetch data when id changes
+ console.log(eventData?.event_tags.split(","))
+
+ let inputDate = eventData?.event_date;
+ let dateObj = new Date(inputDate);
+ let day = dateObj.getDate();
+ let month = dateObj.toLocaleString('default', { month: 'short' });
+ let year = dateObj.getFullYear();
+
+ let formattedDate = `${day} ${month} ${year}`;
+
+ // Render the component
+ return (
+ <>
+
+
+ Blog
+
+
+
+
+ );
+};
+
+// Export the component
+export default EventId;
diff --git a/src/components/event/eventList.jsx b/src/components/event/eventList.jsx
new file mode 100644
index 0000000..d2d79de
--- /dev/null
+++ b/src/components/event/eventList.jsx
@@ -0,0 +1,65 @@
+"use client"
+import React, { useEffect, useState } from 'react';
+import BlogCard from './eventCard';
+
+const EventList = () => {
+ const [blogs, setBlogs] = useState([]);
+ const [currentPage, setCurrentPage] = useState(1);
+ const blogsPerPage = 6;
+
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ const response = await fetch('https://tetragram.codered.cloud/api/v2/pages/?type=events.EventsPage&fields=*');
+ const data = await response.json();
+ setBlogs(data.items);
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+
+ fetchData();
+ }, []);
+
+ // Calculate the index range for the current page
+ const indexOfLastBlog = currentPage * blogsPerPage;
+ const indexOfFirstBlog = indexOfLastBlog - blogsPerPage;
+ const currentBlogs = blogs.slice(indexOfFirstBlog, indexOfLastBlog);
+
+ // Function to handle page change
+ const handlePageChange = (newPage) => {
+ setCurrentPage(newPage);
+ };
+
+ return (
+ <>
+
+ {eventData ? (
+
+
+
+
+ {eventData.event_body}
+
+ ) : (
+
+
+
+ {eventData?.event_tags.split(",").map((data, index) => {
+ return (
+ {data}
+ )
+ }
+ )}
+
+
+ {eventData.title}
+
+
+
+
+
+ {eventData.event_organizer}{formattedDate}
+
+ Loading...
+ )} +
+
+
+
+ {blogs.map((blog, index) => {
+ return (
+ <>
+
+
+
+ );
+};
+
+export default EventList;
diff --git a/src/app/events/[eventid]/styleblog.css b/src/components/event/styleblog.css
similarity index 100%
rename from src/app/events/[eventid]/styleblog.css
rename to src/components/event/styleblog.css
diff --git a/src/components/project/projectDetail.jsx b/src/components/project/projectDetail.jsx
new file mode 100644
index 0000000..25aeeb7
--- /dev/null
+++ b/src/components/project/projectDetail.jsx
@@ -0,0 +1,82 @@
+// Import necessary modules
+"use client"
+import { useEffect, useState } from "react";
+import Navbar from "@/components/Navbar/Navbar";
+import Footer from "@/components/footer";
+import ReactMarkdown from "react-markdown";
+import './styleblog.css'
+// Import Tailwind CSS classes
+import 'tailwindcss/tailwind.css';
+
+// Component definition
+const ProjectId = ({ params }) => {
+ console.log(params.blogid)
+ // State to store the fetched data
+ const [projectData, setProjectData] = useState(null);
+
+ // Effect to fetch data when the component mounts
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ // Fetch data from the API
+ const response = await fetch('https://tetragram.codered.cloud/api/v2/pages/?type=projects.ProjectsPage&fields=*');
+ const data = await response.json();
+ console.log("check", data);
+ // Find the blog post with the matching id
+ const matchingBlog = data.items.find(project => project?.project_slug === params.projectid);
+ console.log("matchingBlog", data.items[0]);
+ // Update the state with the matching blog data
+ setProjectData(matchingBlog);
+ console.log("blog :", matchingBlog.project_img_url)
+
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+
+ // Call the fetchData function
+ fetchData();
+ }, [params.blogid]); // Include params.id in the dependency array to refetch data when id changes
+ console.log(projectData?.project_tags.split(","))
+
+ return (
+ <>
+
+
+ Events
+
+
+
+
+ );
+};
+
+// Export the component
+export default ProjectId;
diff --git a/src/components/project/projectList.jsx b/src/components/project/projectList.jsx
new file mode 100644
index 0000000..1f5afd9
--- /dev/null
+++ b/src/components/project/projectList.jsx
@@ -0,0 +1,24 @@
+// Page.js
+"use client";
+import { useEffect, useState } from 'react';
+import ProjectsPage from "@/components/ProjectsPage";
+import { fetchProjects } from '@/components/api';
+
+export default function ProjectList() {
+ const [projects, setProjects] = useState([]);
+
+ useEffect(() => {
+ const fetchData = async () => {
+ const projectsData = await fetchProjects();
+ setProjects(projectsData);
+ };
+
+ fetchData();
+ }, []);
+
+ return (
+
+ {projectData ? (
+
+
+
+
+ {projectData.project_body}
+
+ ) : (
+
+
+
+ {projectData?.project_tags.split(",").map((data, index) => {
+ return (
+ {data}
+ )
+ }
+ )}
+
+
+ {projectData.title}
+
+
+ {projectData.project_description}
+
+
+ {projectData.project_authors}
+
+ Loading...
+ )} +
+
+ );
+}
diff --git a/src/app/projects/[projectid]/styleblog.css b/src/components/project/styleblog.css
similarity index 100%
rename from src/app/projects/[projectid]/styleblog.css
rename to src/components/project/styleblog.css