-
- داشبورد
-- سلام! روی دستگاه موبایل یک نوار ناویگیشن ثابت در پایین میبینید. -
-
- 
+ (
(
- { className, variant = "primary", error, label, disabled, ...props },
+ {
+ className,
+ variant = "primary",
+ error,
+ label,
+ disabled,
+ required,
+ ...props
+ },
ref
) => {
const finalVariant = error ? "error" : variant;
@@ -19,7 +28,7 @@ const CustomInput = React.forwardRef(
+
) : (
diff --git a/src/core/components/base/input.tsx b/src/core/components/base/input.tsx
index 4e9690b..a7332d4 100644
--- a/src/core/components/base/input.tsx
+++ b/src/core/components/base/input.tsx
@@ -6,11 +6,20 @@ export interface CustomInputProps
variant?: "primary" | "info" | "error";
error?: string;
label?: string;
+ required?: boolean;
}
const CustomInput = React.forwardRef
+
+
+
{label && (
)}
{
label?: string;
error?: string;
minLength?: number;
+ required?: boolean;
}
const TextAreaField = forwardRef(
- ({ label, error, minLength = 40, className, placeholder, ...props }, ref) => {
+ (
+ {
+ label,
+ error,
+ minLength = 40,
+ className,
+ placeholder,
+ required,
+ ...props
+ },
+ ref
+ ) => {
return (
{label && (
)}
diff --git a/src/core/components/others/index.ts b/src/core/components/others/index.ts
deleted file mode 100644
index c23736c..0000000
--- a/src/core/components/others/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { MobileNavbar, type NavItem } from "./mobile-navbar";
diff --git a/src/core/components/others/mobile-navbar.demo.tsx b/src/core/components/others/mobile-navbar.demo.tsx
deleted file mode 100644
index 6210f64..0000000
--- a/src/core/components/others/mobile-navbar.demo.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-/**
- * MobileNavbar Component - Demo & Example Usage
- *
- * This file demonstrates how to use the MobileNavbar component
- * in your React application.
- */
-
-import { MobileNavbar, type NavItem } from "@/core/components/others";
-import { Home, MessageCircle, Settings, Star } from "lucide-react";
-
-// ============================================================================
-// EXAMPLE 1: Using Default Navigation Items
-// ============================================================================
-
-export function AppWithDefaultNavbar() {
- return (
- ...
- *
- * Explanation:
- * - pb-20 = 5rem (80px) padding on mobile to accommodate navbar
- * - md:pb-0 = no padding on desktop (navbar hidden)
- *
- * 4. ✅ Ensure routes exist:
- * - /profile
- * - /group-chat
- * - /ranking
- * - /dashboard
- *
- * 5. ✅ Test on mobile:
- * - Browser DevTools mobile view
- * - Real mobile device
- * - Touch interactions
- */
diff --git a/src/core/components/others/require-Auth.tsx b/src/core/components/others/require-Auth.tsx
new file mode 100644
index 0000000..cff0cc7
--- /dev/null
+++ b/src/core/components/others/require-Auth.tsx
@@ -0,0 +1,26 @@
+// src/components/RequireAuth.tsx
+import { useAuth } from "@/core/context/auth-context";
+import { AUTH_ROUTE } from "@/modules/auth/routes/route.constant";
+import type { ReactNode } from "react";
+import { Navigate, useLocation } from "react-router-dom";
+
+export function RequireAuth({ children }: { children: ReactNode }) {
+ const { isAuthenticated, isLoading } = useAuth();
+ const location = useLocation();
+
+ if (isLoading) {
+ return (undefined);
+
+export const AuthProvider = ({ children }: { children: ReactNode }) => {
+ const [isAuthenticated, setIsAuthenticated] = useState(false);
+ const [isLoading, setIsLoading] = useState(true);
+
+ useEffect(() => {
+ const token = localStorage.getItem("token");
+ setIsAuthenticated(!!token);
+ const checkIsLogin =
+ !window.location.pathname.includes(AUTH_ROUTE.LOGIN) && !token;
+
+ const decideRedirect = !!token && window.location.pathname === "/";
+ if (checkIsLogin) {
+ window.location.href = `${AUTH_ROUTE.sub}/${AUTH_ROUTE.LOGIN}`;
+ }
+
+ if (decideRedirect) {
+ window.location.href = `${DASHBOARD_ROUTE.sub}/${DASHBOARD_ROUTE.campaigns}`;
+ }
+
+ setIsLoading(false);
+ }, []);
+
+ const login = (token: string) => {
+ localStorage.setItem("access_token", token);
+ setIsAuthenticated(true);
+ };
+
+ const logout = () => {
+ localStorage.clear();
+ setIsAuthenticated(false);
+ };
+
+ return (
+
+ {children}
+
+ );
+};
+
+export const useAuth = () => {
+ const context = useContext(AuthContext);
+ if (!context) throw new Error("useAuth must be used within AuthProvider");
+ return context;
+};
diff --git a/src/core/service/api-address.ts b/src/core/service/api-address.ts
index 6edb5f3..80e963e 100644
--- a/src/core/service/api-address.ts
+++ b/src/core/service/api-address.ts
@@ -6,6 +6,8 @@ export const API_ADDRESS = {
},
select: "/api/select",
save: "/api/save",
+ delete: "/api/delete",
+ uploadImage: "/workflow/uploadImage",
// LOGIN: "/auth/login",
// VERIFY_OTP: "/auth/verify-otp",
// REGISTER: "/auth/register",
diff --git a/src/core/service/user-info.service.ts b/src/core/service/user-info.service.ts
index ef470c1..568420b 100644
--- a/src/core/service/user-info.service.ts
+++ b/src/core/service/user-info.service.ts
@@ -1,4 +1,5 @@
import type { RegistrationFormData } from "@/modules/dashboard/pages/profile/profile.type";
+import type { TokenInterface } from "@core/types/global.type";
class UserInfoService {
getUserInfo(): RegistrationFormData {
@@ -12,6 +13,15 @@ class UserInfoService {
updateUserInfo(updatedInfo: RegistrationFormData): void {
localStorage.setItem("person", JSON.stringify(updatedInfo));
}
+
+ getToken(): TokenInterface | null {
+ const tokenStr = localStorage.getItem("token");
+ if (!tokenStr) {
+ return null;
+ }
+ const tokenObj = JSON.parse(tokenStr);
+ return tokenObj || null;
+ }
}
export const userInfoService = new UserInfoService();
diff --git a/src/core/types/global.type.ts b/src/core/types/global.type.ts
new file mode 100644
index 0000000..735e843
--- /dev/null
+++ b/src/core/types/global.type.ts
@@ -0,0 +1,6 @@
+export interface TokenInterface {
+ AccessToken: string;
+ ExpAccessToken: string;
+ RefreshToken: string;
+ ExpRefreshToken: string;
+}
diff --git a/src/core/utils/index.ts b/src/core/utils/index.ts
new file mode 100644
index 0000000..06e7f1c
--- /dev/null
+++ b/src/core/utils/index.ts
@@ -0,0 +1,45 @@
+import api from "@/core/service/axios";
+import { userInfoService } from "@core/service/user-info.service";
+import to from "await-to-js";
+import { toast } from "react-toastify";
+import { API_ADDRESS } from "../service/api-address";
+
+export const getContactImageUrl = (stageID: Number): string => {
+ const token = userInfoService.getToken();
+ if (!token) {
+ throw new Error("توکن یافت نشد");
+ }
+ return `${
+ import.meta.env.VITE_API_URL
+ }/api/getimage?stageID=${stageID}&nameOrID=image&token=${token.AccessToken}`;
+};
+
+export const uploadImage = async ({
+ file,
+ name,
+}: {
+ file: File;
+ name: string;
+}): Promise<{ name: string; data: any }> => {
+ const formData = new FormData();
+ formData.append("", file);
+ const [err, res] = await to(
+ api.post(API_ADDRESS.uploadImage, formData, {
+ headers: { "Content-Type": "multipart/form-data" },
+ })
+ );
+
+ if (res?.data.resultType === 0) {
+ return { name, data: res.data };
+ }
+ if (res?.data.resultType !== 0) {
+ toast.error("خطا در بارگذاری تصویر");
+ throw new Error(res?.data.message || "Upload failed");
+ }
+
+ if (err) {
+ throw err;
+ }
+
+ throw new Error(res?.data.message || "Upload failed");
+};
diff --git a/src/index.css b/src/index.css
index 53d4094..4dab71a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -141,7 +141,7 @@
@apply bg-background text-foreground;
margin: 0 auto;
max-width: 1280px;
- padding: 1rem;
+ /* padding: 1rem; */
box-sizing: border-box;
direction: rtl;
font-family: "Vazir", "IranSans", -apple-system, BlinkMacSystemFont,
diff --git a/src/main.tsx b/src/main.tsx
index d0c51c3..cd46a29 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,3 +1,4 @@
+import { AuthProvider, useAuth } from "@core/context/auth-context.tsx";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { createRoot } from "react-dom/client";
import { RouterProvider, createBrowserRouter } from "react-router-dom";
@@ -9,22 +10,38 @@ import { rootRoutes } from "./router/rootRoutes.ts";
const router = createBrowserRouter(rootRoutes);
const client = new QueryClient();
+function AppEntry() {
+ const { isLoading } = useAuth();
+
+ if (isLoading) {
+ return (
+
-
+
//
);
diff --git a/src/modules/dashboard/components/campaign-card.tsx b/src/modules/dashboard/components/campaign-card.tsx
index e7ac515..a6153fe 100644
--- a/src/modules/dashboard/components/campaign-card.tsx
+++ b/src/modules/dashboard/components/campaign-card.tsx
@@ -1,3 +1,4 @@
+import { getContactImageUrl } from "@/core/utils";
import { Heart } from "lucide-react";
import { useNavigate } from "react-router-dom";
import type { Campaign } from "../pages/campaigns/campaigns.type";
@@ -11,17 +12,17 @@ export function CampaignCard({ campaign }: CampaignCardProps) {
return (
-
-
-
- {/* Default navbar with Profile, Group Chat, Ranking, Dashboard */}
-
- );
-}
-
-// ============================================================================
-// EXAMPLE 2: Using Custom Navigation Items
-// ============================================================================
-
-const customNavItems: NavItem[] = [
- {
- id: "home",
- label: "خانه",
- icon:
-
-
-
- {/* Custom navbar */}
-
- );
-}
-
-// ============================================================================
-// EXAMPLE 3: Using Custom Styling
-// ============================================================================
-
-export function AppWithCustomStyling() {
- return (
-
-
- تطبیقشده
-- این مثال از آیتمهای ناویگیشن سفارشی استفاده میکند. -
-
-
-
-
- {/* Custom styling with dark theme */}
-
- );
-}
-
-// ============================================================================
-// EXAMPLE 4: Full Layout with Content Padding
-// ============================================================================
-
-export function FullAppLayout() {
- return (
-
-
- سبک سفارشی
-- نوار ناویگیشن میتواند با کلاسهای اضافی سفارشیسازی شود. -
-
- {/* Header (optional) */}
-
-
-
- {/* Main Content - Important: Add padding to prevent navbar overlap */}
-
-
-
- {/* Mobile Navbar - Fixed at bottom */}
-
- );
-}
-
-// ============================================================================
-// FEATURE SHOWCASE
-// ============================================================================
-
-/**
- * Component Features:
- *
- * ✅ Mobile-First Design
- * - Fixed positioning at bottom on mobile (md: hidden)
- * - Responds to viewport size
- *
- * ✅ Automatic Route Tracking
- * - Highlights active tab based on current URL path
- * - Works with React Router DOM
- *
- * ✅ Touch-Friendly
- * - Minimum 44×44px tap area (w-16 h-16 = 64×64px)
- * - Haptic feedback on supported devices (10ms vibration)
- *
- * ✅ Visual Feedback
- * - Active tab: Blue background + blue text
- * - Icon scales to 110% when active
- * - Smooth 200ms transitions
- *
- * ✅ Accessibility
- * - ARIA labels on all buttons
- * - aria-current for active page indication
- * - RTL support for Persian text
- *
- * ✅ Safe Area Support
- * - Accounts for notched devices (iPhone, etc.)
- * - Automatically adjusts padding for safe insets
- *
- * ✅ Performance
- * - Lightweight component
- * - Minimal re-renders
- * - GPU-accelerated CSS transitions
- */
-
-// ============================================================================
-// INTEGRATION CHECKLIST
-// ============================================================================
-
-/**
- * 📋 To integrate MobileNavbar into your app:
- *
- * 1. ✅ Import component:
- * import { MobileNavbar } from "@/core/components/others";
- *
- * 2. ✅ Add to layout:
- *
-
- یاریگران
-
-
-
-
- محتوای اصلی
-
-
-
-
- کارت ۱
-محتوای نمونه
-
-
- کارت ۲
-محتوای نمونه
-در حال بررسی...
;
+ }
+
+ if (!isAuthenticated) {
+ return (
+
+
+ );
+ }
+
+ return در حال بارگذاری...
+ navigate(`/dashboard/campaigns/${campaign.user_id}`)}
+ onClick={() => navigate(`/dashboard/campaigns/${campaign.WorkflowID}`)}
className="overflow-hidden rounded-lg border border-gray-200 bg-white shadow-md hover:shadow-lg transition-shadow cursor-pointer h-full"
>
{/* Image */}
- {/*
+
- */}
+
{/* Content */}
@@ -29,10 +30,9 @@ export function CampaignCard({ campaign }: CampaignCardProps) {
= {};
if (!title.trim()) {
- newErrors.title = "عنوان کمپین الزامی است";
+ newErrors.title = "عنوان کارزار الزامی است";
}
if (!description.trim()) {
@@ -55,12 +55,12 @@ export function CreateCampaignModal({
const createMutation = useMutation({
mutationFn: (data: CreateCampaignData) => createCampaignService(data),
onSuccess: () => {
- toast.success("کمپین با موفقیت ایجاد شد");
+ toast.success("کارزار با موفقیت ایجاد شد");
handleClose();
onSuccess();
},
onError: (error: any) => {
- toast.error(error?.message || "خطا در ایجاد کمپین");
+ toast.error(error?.message || "خطا در ایجاد کارزار");
},
});
@@ -100,16 +100,17 @@ export function CreateCampaignModal({
- ایجاد کمپین جدید
+ ایجاد کارزار جدید
{campaign.title}
- {/* Creator */}- از طرف: {campaign.user_id} + از طرف: {campaign.user_id_nickname}
{/* Stats */} diff --git a/src/modules/dashboard/components/create-campaign-modal.tsx b/src/modules/dashboard/components/create-campaign-modal.tsx index 6eac89b..3a67bfa 100644 --- a/src/modules/dashboard/components/create-campaign-modal.tsx +++ b/src/modules/dashboard/components/create-campaign-modal.tsx @@ -35,7 +35,7 @@ export function CreateCampaignModal({ const newErrors: Record