+
-
+
- John Dow
- Profile
+ {userInfo.firstname}
+
+ Profile
+
Settings
Logout
diff --git a/src/components/dashboard-welcome.tsx b/src/components/dashboard-welcome.tsx
index 49d7304..569a6b6 100644
--- a/src/components/dashboard-welcome.tsx
+++ b/src/components/dashboard-welcome.tsx
@@ -22,7 +22,7 @@ const DashboardWelcome = () => {
diff --git a/src/components/mode-toggle.tsx b/src/components/mode-toggle.tsx
index 199d09f..6f30c7e 100644
--- a/src/components/mode-toggle.tsx
+++ b/src/components/mode-toggle.tsx
@@ -12,9 +12,10 @@ import { useTheme } from "@/components/theme-provider";
export function ModeToggle() {
const { setTheme } = useTheme();
+
return (
-
+
+ }
+ >
+ (null);
+ const [isUpdateDialogOpen, setIsUpdateDialogOpen] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
+
+ const handleUpdateSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsLoading(true);
+
+ try {
+ const response = await axios.put(
+ `${base_api}/api/v1/update-announcement/${editingAnnouncement?.id}`,
+ editingAnnouncement,
+ { withCredentials: true }
+ );
+ if (response.status === 200) {
+ toast.success("program updated successfully");
+ setIsLoading(false);
+ refreshAnnouncement();
+ setIsUpdateDialogOpen(false);
+ }
+ } catch (error: any) {
+ console.error(error?.message);
+ toast.error("Failed to update program");
+ setIsUpdateDialogOpen(false);
+ setIsLoading(false);
+ }
+ };
+
+ // Handle edit button click
+ const handleEditClick = (announcementInfo: AnnouncementData) => {
+ setEditingAnnouncement({ ...announcementInfo });
+ setIsUpdateDialogOpen(true);
+ };
+
+ return (
+ handleEditClick(announcementInfo)}
+ >
+
+ );
+};
+
+export default EditAnnouncement;
diff --git a/src/features/announcement/index.tsx b/src/features/announcement/index.tsx
new file mode 100644
index 0000000..ac86f54
--- /dev/null
+++ b/src/features/announcement/index.tsx
@@ -0,0 +1,186 @@
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useAnnouncementData } from "@/store/hooks/announcement/announcement";
+import type { AnnouncementData } from "@/types";
+import { Eye, Search, Trash } from "lucide-react";
+import EditAnnouncement from "./edit-announcement";
+import { FormateDate } from "@/lib/utils";
+import { ConfirmDialog } from "@/components/confirm-dialog";
+import { useRecoilRefresher_UNSTABLE } from "recoil";
+import { Announcement as announcement } from "@/store/atoms/announcement/announcement";
+import { useState } from "react";
+import axios from "axios";
+import { toast } from "sonner";
+
+const base_api = import.meta.env.VITE_SERVER_BASE_URL;
+
+const Announcement = () => {
+ const { announcementInfo, error, loading } = useAnnouncementData();
+
+ const refreshAnnouncement = useRecoilRefresher_UNSTABLE(announcement);
+ const [isLoading, setIsLoading] = useState(false);
+
+ // handle Delete
+
+ async function handleDelete(announcement: AnnouncementData) {
+ try {
+ const response = await axios.delete(
+ `${base_api}/api/v1/delete-announcement/${announcement?.id}`,
+ {
+ withCredentials: true,
+ }
+ );
+
+ if (response.status === 200) {
+ toast.success("Announcement deleted !!");
+ setIsLoading(false);
+ refreshAnnouncement();
+ }
+ } catch (error) {
+ console.log(error);
+ setIsLoading(false);
+ }
+ }
+
+ if (loading) {
+ return (
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Announcement;
diff --git a/src/features/events/create-events.tsx b/src/features/events/create-events.tsx
new file mode 100644
index 0000000..4377036
--- /dev/null
+++ b/src/features/events/create-events.tsx
@@ -0,0 +1,196 @@
+"use client";
+
+import UseModel from "@/components/models/useModel";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { InputHandler, SelectHandler } from "@/lib/utils";
+import axios from "axios";
+import { Plus } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import type { EventData } from "@/types";
+import { Events } from "../../store/atoms/events/event";
+import { useRecoilRefresher_UNSTABLE } from "recoil";
+
+const base_api = import.meta.env.VITE_SERVER_BASE_URL;
+
+const CreateEvents = () => {
+ const refreshEvents = useRecoilRefresher_UNSTABLE(Events);
+ const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
+
+ const [createEvents, setCreateEvents] = useState({
+ title: "",
+ description: "",
+ category: "",
+ status: "",
+ date: "",
+ location: "",
+ organizer: "",
+ time: "",
+ });
+
+ // Create Event submit
+ const handleCreateSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsLoading(true);
+
+ try {
+ const response = await axios.post(
+ `${base_api}/api/v1/create-event`,
+ createEvents,
+ { withCredentials: true }
+ );
+ if (response.status === 200) {
+ toast.success("Event created successfully");
+ setCreateEvents({
+ title: "",
+ description: "",
+ category: "",
+ status: "",
+ date: "",
+ location: "",
+ organizer: "",
+ time: "",
+ });
+ refreshEvents();
+ setIsCreateDialogOpen(false);
+ setIsLoading(false);
+ }
+ } catch (error: any) {
+ console.error(error?.message);
+ toast.error("Failed to create event");
+ setIsCreateDialogOpen(false);
+ setIsLoading(false);
+ }
+ };
+
+ return (
+
+
+ );
+};
+
+export default CreateEvents;
diff --git a/src/features/events/edit-events.tsx b/src/features/events/edit-events.tsx
new file mode 100644
index 0000000..8dfe6b7
--- /dev/null
+++ b/src/features/events/edit-events.tsx
@@ -0,0 +1,191 @@
+"use client";
+
+import UseModel from "@/components/models/useModel";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { FormateDate, InputHandler, SelectHandler } from "@/lib/utils";
+import axios from "axios";
+import { Edit } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import type { EditEventData, EventData } from "@/types";
+import { Events } from "../../store/atoms/events/event";
+import { useRecoilRefresher_UNSTABLE } from "recoil";
+
+const base_api = import.meta.env.VITE_SERVER_BASE_URL;
+
+const EditEvents = ({ eventInfo }: EditEventData) => {
+ const refreshEvents = useRecoilRefresher_UNSTABLE(Events);
+
+ const [editingEvents, setEditingEvents] = useState(null);
+ const [isUpdateDialogOpen, setIsUpdateDialogOpen] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
+
+ const handleUpdateSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsLoading(true);
+
+ try {
+ const response = await axios.put(
+ `${base_api}/api/v1/update-event/${editingEvents?.id}`,
+ editingEvents,
+ { withCredentials: true }
+ );
+ if (response.status === 200) {
+ toast.success("Event updated successfully");
+ setIsLoading(false);
+ refreshEvents();
+ setIsUpdateDialogOpen(false);
+ }
+ } catch (error: any) {
+ console.error(error?.message);
+ toast.error("Failed to update Event");
+ setIsUpdateDialogOpen(false);
+ setIsLoading(false);
+ }
+ };
+
+ // Handle edit button click
+ const handleEditClick = (eventInfo: EventData) => {
+ setEditingEvents({ ...eventInfo });
+ setIsUpdateDialogOpen(true);
+ };
+
+ return (
+ handleEditClick(eventInfo)}
+ >
+
+ );
+};
+
+export default EditEvents;
diff --git a/src/features/events/index.tsx b/src/features/events/index.tsx
new file mode 100644
index 0000000..837e3da
--- /dev/null
+++ b/src/features/events/index.tsx
@@ -0,0 +1,166 @@
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { Skeleton } from "@/components/ui/skeleton";
+import { FormateDate } from "@/lib/utils";
+import { useEventData } from "@/store/hooks/events/event";
+import type { EventData } from "@/types";
+import { Calendar, Clock, Eye, MapPin, Search, Trash } from "lucide-react";
+import EditEvents from "./edit-events";
+import { ConfirmDialog } from "@/components/confirm-dialog";
+import { useRecoilRefresher_UNSTABLE } from "recoil";
+import { Events } from "../../store/atoms/events/event";
+import { useState } from "react";
+import { toast } from "sonner";
+import axios from "axios";
+
+const base_api = import.meta.env.VITE_SERVER_BASE_URL;
+
+const EventsData = () => {
+ const { EventInfo, error, loading } = useEventData();
+
+ const refreshEvent = useRecoilRefresher_UNSTABLE(Events);
+ const [isLoading, setIsLoading] = useState(false);
+
+ // handle Delete
+
+ async function handleDelete(event: EventData) {
+ try {
+ const response = await axios.delete(
+ `${base_api}/api/v1/delete-event/${event?.id}`,
+ {
+ withCredentials: true,
+ }
+ );
+
+ if (response.status === 200) {
+ toast.success("Event deleted !!");
+ setIsLoading(false);
+ refreshEvent();
+ }
+ } catch (error) {
+ console.log(error);
+ setIsLoading(false);
+ }
+ }
+
+ if (loading) {
+ return (
+
+
+
+
+
+
+ );
+};
+
+export default EventsData;
diff --git a/src/pages/dashboard/academic.tsx b/src/pages/dashboard/academic.tsx
index b7bd9ff..ac17962 100644
--- a/src/pages/dashboard/academic.tsx
+++ b/src/pages/dashboard/academic.tsx
@@ -1,10 +1,10 @@
import { Card, CardContent, CardHeader } from "@/components/ui/card";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import AcademinCoursesTab from "@/components/academic/courses";
+import AcademinCoursesTab from "@/features/academic/courses";
import ErrorBoundary from "@/components/error-boundary";
-import AcademicProgramsTab from "@/components/academic/programs";
-import AcademicDepartmentTab from "@/components/academic/departments";
-import AcademicSemesterTab from "@/components/academic/semester";
+import AcademicProgramsTab from "@/features/academic/programs";
+import AcademicDepartmentTab from "@/features/academic/departments";
+import AcademicSemesterTab from "@/features/academic/semester";
const Academic = () => {
return (
diff --git a/src/pages/dashboard/announcement.tsx b/src/pages/dashboard/announcement.tsx
index 9447170..cb08b7b 100644
--- a/src/pages/dashboard/announcement.tsx
+++ b/src/pages/dashboard/announcement.tsx
@@ -1,72 +1,9 @@
-import { useState } from "react";
-import { Plus, Search, Eye, Edit, Trash2 } from "lucide-react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Badge } from "@/components/ui/badge";
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from "@/components/ui/select";
-
-interface AnnouncementsData {
- title: string;
- description: string;
- category: string;
- audience: string;
- author: string;
- published: string;
- views: number;
- priority: string;
- status: string;
-}
-
-const announcementsData: AnnouncementsData[] = [
- {
- title: "Course Registration Opens for Spring 2025",
- description:
- "Spring 2025 semester will begin on December 10th, 2024. Students are advised to meet with their academic advisors before registration.",
- category: "Academic",
- audience: "Students",
- author: "Academic Office",
- published: "2024-11-15",
- views: 19523,
- priority: "high",
- status: "published",
- },
- {
- title: "Library Hours Extended During Exam Period",
- description:
- "The university library will extend its operating hours during the final exam period. New hours: Monday-Sunday 7:00 AM - 2:00 AM.",
- category: "Facilities",
- audience: "All",
- author: "Library Services",
- published: "2024-11-10",
- views: 48623,
- priority: "high",
- status: "published",
- },
- {
- title: "Guest Lecture: Future of Artificial Intelligence",
- description:
- "Join us for an exciting guest lecture by Dr. Sarah Johnson on 'The Future of Artificial Intelligence in Education' on November 25th at 3:00 PM in the main auditorium.",
- category: "Events",
- audience: "Faculty & Students",
- author: "Computer Science Department",
- published: "2024-11-05",
- views: 15523,
- priority: "medium",
- status: "published",
- },
-];
+import { Eye } from "lucide-react";
+import { Card, CardContent } from "@/components/ui/card";
+import AnnouncementData from "../../features/announcement";
+import CreateAnnouncement from "@/features/announcement/create-announcement";
const Announcement = () => {
- const [searchTerm, setSearchTerm] = useState("");
- const [selectedCategory, setSelectedCategory] = useState("all");
-
return (
@@ -146,111 +80,7 @@ const Announcement = () => {
{/* Announcements List */}
-
-
-
-
-
-
-
-
+
);
};
diff --git a/src/pages/dashboard/content-editor.tsx b/src/pages/dashboard/content-editor.tsx
new file mode 100644
index 0000000..173734a
--- /dev/null
+++ b/src/pages/dashboard/content-editor.tsx
@@ -0,0 +1,3 @@
+export const AdminContentEditorPage = () => {
+ return
+
+ InputHandler(e, setCreateAnnouncement)}
+ name="title"
+ placeholder="Enter Announcement Title"
+ />
+
+
+
+ InputHandler(e, setCreateAnnouncement)}
+ name="description"
+ placeholder="Enter Announcement Description"
+ />
+
+
+
+ InputHandler(e, setCreateAnnouncement)}
+ name="audience"
+ placeholder="Enter Announcement audience"
+ />
+
+
+
+
+
+
+
+
+
+
+
+ InputHandler(e, setCreateAnnouncement)}
+ name="published"
+ placeholder="Enter Announcement published"
+ />
+
+
+
+
+
+
+
+ );
+};
+
+export default CreateAnnouncement;
diff --git a/src/features/announcement/edit-announcement.tsx b/src/features/announcement/edit-announcement.tsx
new file mode 100644
index 0000000..7a26438
--- /dev/null
+++ b/src/features/announcement/edit-announcement.tsx
@@ -0,0 +1,187 @@
+"use client";
+
+import UseModel from "@/components/models/useModel";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { FormateDate, InputHandler, SelectHandler } from "@/lib/utils";
+import axios from "axios";
+import { Edit } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import type { AnnouncementData, EditAnnouncementData } from "@/types";
+import { Announcement } from "../../store/atoms/announcement/announcement";
+import { useRecoilRefresher_UNSTABLE } from "recoil";
+
+const base_api = import.meta.env.VITE_SERVER_BASE_URL;
+
+const EditAnnouncement = ({ announcementInfo }: EditAnnouncementData) => {
+ const refreshAnnouncement = useRecoilRefresher_UNSTABLE(Announcement);
+
+ const [editingAnnouncement, setEditingAnnouncement] =
+ useState
+
+ InputHandler(e, setEditingAnnouncement)}
+ name="title"
+ placeholder="Enter Announcement Title"
+ />
+
+
+
+ InputHandler(e, setEditingAnnouncement)}
+ name="description"
+ placeholder="Enter Announcement Description"
+ />
+
+
+
+ InputHandler(e, setEditingAnnouncement)}
+ name="audience"
+ placeholder="Enter Announcement audience"
+ />
+
+
+
+
+
+
+
+
+
+
+
+ InputHandler(e, setEditingAnnouncement)}
+ name="published"
+ placeholder="Enter Announcement published"
+ />
+
+
+
+
+
+
+
+ )}
+
+
+ );
+ }
+
+ if (error) {
+ return error
;
+ }
+
+ const announcementData: AnnouncementData[] =
+ announcementInfo?.announcementData;
+
+ return (
+ All Announcements
+
+
+
+
+
+
+ {announcementData?.length > 0 ? (
+ announcementData.map((announcement, index) => (
+
+
+
+
+ ))
+ ) : (
+
+
+
+
+
+
+
+ + {announcement.title} +
+
+
+ {announcement.category}
+
+
+ {announcement.priority}
+
+ {announcement.status}
+
+ + {announcement.description} +
+
+
+
+ Category:{" "}
+ {announcement.category}
+
+
+ Audience:{" "}
+ {announcement.audience}
+
+ {/*
+ createdBy:{" "}
+ {announcement.}
+
*/}
+
+ Published:{" "}
+ {FormateDate(announcement.published)}
+
+
+ handleDelete(announcement)}
+ destructive
+ trigger={
+
+ }
+ />
+
+
+ No Announcement Data available to show
+
+ )}
+
+
+ InputHandler(e, setCreateEvents)}
+ name="title"
+ placeholder="Enter Event Title"
+ />
+
+
+
+ InputHandler(e, setCreateEvents)}
+ name="description"
+ placeholder="Enter Event Description"
+ />
+
+
+
+
+
+
+
+ InputHandler(e, setCreateEvents)}
+ name="date"
+ placeholder="Enter Event date"
+ />
+
+
+
+ InputHandler(e, setCreateEvents)}
+ name="time"
+ placeholder="Enter Event time"
+ />
+
+
+
+ InputHandler(e, setCreateEvents)}
+ name="location"
+ placeholder="Enter Event location"
+ />
+
+
+
+ InputHandler(e, setCreateEvents)}
+ name="organizer"
+ placeholder="Enter Event organizer"
+ />
+
+
+
+
+
+
+
+ InputHandler(e, setEditingEvents)}
+ name="title"
+ placeholder="Enter Event Title"
+ />
+
+
+
+ InputHandler(e, setEditingEvents)}
+ name="description"
+ placeholder="Enter Event Description"
+ />
+
+
+
+
+
+
+
+ InputHandler(e, setEditingEvents)}
+ name="date"
+ placeholder="Enter Event date"
+ />
+
+
+
+ InputHandler(e, setEditingEvents)}
+ name="time"
+ placeholder="Enter Event time"
+ />
+
+
+
+ InputHandler(e, setEditingEvents)}
+ name="location"
+ placeholder="Enter Event location"
+ />
+
+
+
+ InputHandler(e, setEditingEvents)}
+ name="organizer"
+ placeholder="Enter Event organizer"
+ />
+
+
+
+
+
+
+ )}
+
+
+ );
+ }
+ if (error) {
+ return error
;
+ }
+
+ const eventData: EventData[] = EventInfo?.allEvents;
+
+ return (
+
+ All Events
+
+
+
+
+
+
+
+ {eventData?.length > 0 ? (
+ eventData.map((event, index) => (
+
+
+
+
+ ))
+ ) : (
+
+
+
+
+
+
+ {event.category}
+ {event.status}
+
+ {event.title}
++ {event.description} +
+
+
+
+
+
+
+
+
+ Organizer: {event.organizer}
+
+ handleDelete(event)}
+ destructive
+ trigger={
+
+ }
+ />
+
+
+ No Event Data available to show
+
+ )}
+
{/* Header */}
@@ -80,10 +17,7 @@ const Announcement = () => {
Create and manage university announcements
-
+ All Announcements
-
-
-
-
-
-
- {announcementsData.map((announcement, index) => (
-
-
-
-
- ))}
-
-
-
-
-
-
-
- - {announcement.title} -
-
-
- {announcement.category}
-
-
- {announcement.priority}
-
- {announcement.status}
-
- - {announcement.description} -
-
-
-
- Category:{" "}
- {announcement.category}
-
-
- Audience:{" "}
- {announcement.audience}
-
-
- Author:{" "}
- {announcement.author}
-
-
- Published:{" "}
- {announcement.published}
-
-
-
-
-
-
-
-
- hi
;
+};
diff --git a/src/pages/dashboard/content-management.tsx b/src/pages/dashboard/content-management.tsx
index 161ec33..80b87ca 100644
--- a/src/pages/dashboard/content-management.tsx
+++ b/src/pages/dashboard/content-management.tsx
@@ -10,6 +10,7 @@ import {
TableHeader,
TableRow,
} from "@/components/ui/table";
+import { Link } from "react-router-dom";
interface ContentData {
title: string;
@@ -73,9 +74,11 @@ const ContentManagement = () => {
Monday, June 9, 2025
-