- {event.gallery_images.map((g) => (
+ {event.gallery_images.map((image) => (
))}
@@ -467,7 +546,6 @@ export default function EventDetail() {
) : null}
@@ -477,20 +555,18 @@ export default function EventDetail() {
{event.address && آدرس: {event.address}
}
-
- ظرفیت کل: {event.capacity == null ? 'نامحدود' : formatNumberPersian(event.capacity)}
- {meta && (
- <>
- {!event.capacity ? null : (
-
- ظرفیت باقیمانده: {meta.remaining === Infinity ? 'نامحدود' : formatNumberPersian(meta.remaining)}
-
- )}
-
+
+ ظرفیت کل: {event.capacity == null ? "نامحدود" : formatNumberPersian(event.capacity)}
+
+ {meta && event.capacity != null && (
+
+ ظرفیت باقیمانده:{" "}
+ {meta.remaining === Number.POSITIVE_INFINITY
+ ? "نامحدود"
+ : formatNumberPersian(meta.remaining)}
+
)}
- هزینه حضور: {event.price ? formatToman(event.price) : 'رایگان'}
-
- {/* نمایش زمان شروع/پایان ثبت‌نام در UI Øذ٠شده */}
+ هزینه حضور: {event.price ? formatToman(event.price) : "رایگان"}
{!isFree && (
@@ -536,11 +611,3 @@ export default function EventDetail() {
);
}
-
-
-
-
-
-
-
-
diff --git a/src/pages/EventFreeSuccessPage.tsx b/src/views/EventFreeSuccessPage.tsx
similarity index 98%
rename from src/pages/EventFreeSuccessPage.tsx
rename to src/views/EventFreeSuccessPage.tsx
index e62e199..3264dd5 100644
--- a/src/pages/EventFreeSuccessPage.tsx
+++ b/src/views/EventFreeSuccessPage.tsx
@@ -1,11 +1,13 @@
-import { useLocation, useParams, Link } from "react-router-dom";
+"use client";
+
+import { useLocation, useParams, Link } from "@/lib/router";
import { useQuery } from "@tanstack/react-query";
import { Button } from "@/components/ui/button";
import { api } from "@/lib/api";
import PaymentResult from "@/components/PaymentResult";
import { formatJalali } from "@/lib/utils";
import Markdown from '@/components/Markdown';
-import { Helmet } from "react-helmet-async";
+import { Helmet } from "@/lib/helmet";
export default function EventFreeSuccessPage() {
const { slug } = useParams();
diff --git a/src/views/Events.tsx b/src/views/Events.tsx
new file mode 100644
index 0000000..82a8b7c
--- /dev/null
+++ b/src/views/Events.tsx
@@ -0,0 +1,262 @@
+"use client";
+
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Helmet } from "@/lib/helmet";
+import { Link, useLocation, useNavigate } from "@/lib/router";
+import { api } from "@/lib/api";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import type * as Types from "@/lib/types";
+import { formatJalali, formatNumberPersian, formatToman, getThumbUrl } from "@/lib/utils";
+import { siteUrl } from "@/lib/site";
+
+type EventsProps = {
+ initialEvents?: Types.EventListItemSchema[];
+ initialSearch?: string;
+};
+
+function labelPrice(event: Types.EventListItemSchema) {
+ const price = Number(event?.price ?? 0);
+ return price <= 0 ? "رایگان" : formatToman(price);
+}
+
+function modeFa(eventType: Types.EventListItemSchema["event_type"]) {
+ return eventType === "online" ? "آنلاین" : "حضوری";
+}
+
+function spotsLeft(event: Types.EventListItemSchema) {
+ const cap = Number(event.capacity);
+ const used = Number(event.registration_count);
+ return cap - used;
+}
+
+function isAvailable(event: Types.EventListItemSchema) {
+ const now = new Date();
+ const end = new Date(event.registration_end_date ?? event.start_time);
+ const timeOk = end.getTime() > now.getTime();
+ return timeOk && spotsLeft(event) > 0;
+}
+
+function notAvailableReasonFa(event: Types.EventListItemSchema) {
+ const now = new Date();
+ const end = new Date(event.registration_end_date ?? event.start_time);
+ if (end.getTime() <= now.getTime()) return "ثبتنام پایانیافته";
+ if (spotsLeft(event) <= 0) return "ظرفیت تکمیل";
+ return "غیرقابل ثبتنام";
+}
+
+export default function Events({
+ initialEvents = [],
+ initialSearch = "",
+}: EventsProps) {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const [events, setEvents] = useState
(initialEvents);
+ const [search, setSearch] = useState(initialSearch);
+ const [loading, setLoading] = useState(!initialEvents.length && !initialSearch);
+
+ const siteName = "East Guilan CE";
+ const pageTitle = `Events | ${siteName}`;
+ const pageDescription =
+ "Discover upcoming and past events organized by the East Guilan Computer Engineering Association, including workshops, competitions, and community programs.";
+ const canonicalUrl = `${siteUrl}/events`;
+
+ const toAbsoluteUrl = (url?: string | null) => {
+ if (!url) return undefined;
+ if (url.startsWith("http")) return url;
+ const normalizedSite = siteUrl.endsWith("/") ? siteUrl.slice(0, -1) : siteUrl;
+ const normalizedPath = url.startsWith("/") ? url.slice(1) : url;
+ return `${normalizedSite}/${normalizedPath}`;
+ };
+
+ const ogImage = useMemo(() => {
+ if (!events.length) return `${siteUrl}/favicon.ico`;
+ return toAbsoluteUrl(getThumbUrl(events[0])) ?? `${siteUrl}/favicon.ico`;
+ }, [events]);
+
+ const listStructuredData = useMemo(() => {
+ if (!events.length) return null;
+
+ const itemListElement = events.map((eventItem, index) => {
+ const listItem: Record = {
+ "@type": "ListItem",
+ position: index + 1,
+ url: `${siteUrl}/events/${eventItem.slug}`,
+ name: eventItem.title,
+ description: eventItem.description,
+ startDate: eventItem.start_time,
+ };
+
+ if (eventItem.end_time) {
+ listItem.endDate = eventItem.end_time;
+ }
+
+ const imageUrl = toAbsoluteUrl(getThumbUrl(eventItem));
+ if (imageUrl) {
+ listItem.image = imageUrl;
+ }
+
+ const placeName = eventItem.location || eventItem.address;
+ if (placeName) {
+ const place: Record = {
+ "@type": "Place",
+ name: placeName,
+ };
+ if (eventItem.address) {
+ place.address = eventItem.address;
+ }
+ listItem.location = place;
+ }
+
+ return listItem;
+ });
+
+ return {
+ "@context": "https://schema.org",
+ "@type": "ItemList",
+ name: pageTitle,
+ description: pageDescription,
+ url: canonicalUrl,
+ numberOfItems: events.length,
+ itemListElement,
+ };
+ }, [canonicalUrl, events, pageDescription, pageTitle]);
+
+ useEffect(() => {
+ setEvents(initialEvents);
+ }, [initialEvents]);
+
+ useEffect(() => {
+ setSearch(initialSearch);
+ }, [initialSearch]);
+
+ const loadEvents = useCallback(async () => {
+ try {
+ setLoading(true);
+ const data = await api.getEvents({
+ search: search || undefined,
+ statuses: ["published", "completed"],
+ limit: 30,
+ });
+ setEvents(data);
+ } catch (error) {
+ console.error("Error loading events:", error);
+ } finally {
+ setLoading(false);
+ }
+ }, [search]);
+
+ useEffect(() => {
+ loadEvents();
+ }, [loadEvents]);
+
+ useEffect(() => {
+ const params = new URLSearchParams();
+ if (search.trim()) {
+ params.set("search", search.trim());
+ }
+ const basePath = location.pathname || "/events";
+ const nextPath = params.size
+ ? `${basePath}?${params.toString()}`
+ : basePath;
+ navigate(nextPath, { replace: true });
+ }, [location.pathname, navigate, search]);
+
+ return (
+ <>
+
+ {pageTitle}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {listStructuredData && (
+
+ )}
+
+
+
+
+
رویدادها
+
+
+ setSearch(e.target.value)}
+ className="max-w-md"
+ />
+
+
+ {loading ? (
+
در حال بارگذاری...
+ ) : events.length === 0 ? (
+
رویدادی یافت نشد
+ ) : (
+
+ {events.map((event) => (
+
+
+
+
})
+
+
+
+ {event.title}
+ {modeFa(event.event_type)}
+
+ {formatJalali(event.start_time, false)}
+
+
+
+
+
+ ظرفیت رویداد
+
+ {formatNumberPersian(Number(event?.capacity ?? 0) - Number(event?.registration_count ?? 0))}
+ /
+ {formatNumberPersian(Number(event?.capacity ?? 0))} نفر
+
+
+
+ هزینهی ثبتنام
+ {labelPrice(event)}
+
+ {isAvailable(event) ? (
+
+ ) : (
+
+ )}
+
+
+
+ ))}
+
+ )}
+
+
+