-
+ <>
+ {/* جدول دسکتاپ */}
+
+
+
+
+ |
+ لوگو
+ |
+
+ اسم
+ |
+
+ آدرس
+ |
+
+ ریتینگ
+ |
+
+ ساعت کاری
+ |
+
+ ادیت
+ |
+
+
+
+ {cafes.map((cafe) => (
+
+
+ 
+ |
+
+ {cafe.Name}
+ |
+
+ {cafe.address}
+ |
+
+
+ 
+
+ {cafe.rating || 0}
+
+ |
+
+
+ 
+
+ {cafe.openinghour || "نامشخص"}
+
+ |
+
+
+ ادیت
+
+
+ |
+
+ ))}
+
+
+
+
+ {/* کارت موبایل */}
+
+ {cafes.map((cafe) => (
+
+
+
+
+
+ {cafe.Name}
+
+
+ {cafe.address}
+
+
+
+
+
+
+
+
{cafe.rating || 0}
+
+
+
+
+ {cafe.openinghour || "نامشخص"}
+
+
+
+
+
+
ادیت کافه
+
+
-
- {/* عنوان */}
-
کافه های شما
-
- {/* محتوای اصلی */}
- {renderContent()}
-
+ ))}
+
+
);
+ };
+
+ return (
+
+ {/* بخش دکمه اضافه کردن */}
+
+
+
+ کافه های شما
+
+
+ {/* محتوای اصلی */}
+ {renderContent()}
+
+ );
};
-export default CafeManagement;
\ No newline at end of file
+export default CafeManagement;
diff --git a/src/pages/CafeManagement/Component/CoffeeCard.jsx b/src/pages/CafeManagement/Component/CoffeeCard.jsx
new file mode 100644
index 0000000..af80ff5
--- /dev/null
+++ b/src/pages/CafeManagement/Component/CoffeeCard.jsx
@@ -0,0 +1,43 @@
+import { FaRegEdit } from "react-icons/fa";
+
+export default function CoffeeCard({
+ title,
+ description,
+ price,
+ image,
+ onEdit,
+}) {
+ return (
+
+ {/* تصویر */}
+
+
+ {/* عنوان */}
+
{title}
+
+ {/* توضیح */}
+
{description}
+
+ {/* فوتر */}
+
+ {price} تومان
+
+
+
+
+ );
+}
diff --git a/src/pages/CafeManagement/EditCafe.jsx b/src/pages/CafeManagement/EditCafe.jsx
index 9739285..7befc61 100644
--- a/src/pages/CafeManagement/EditCafe.jsx
+++ b/src/pages/CafeManagement/EditCafe.jsx
@@ -4,6 +4,8 @@ import { GrLocation } from "react-icons/gr";
import { BiEdit } from "react-icons/bi";
import { FaRegStar } from "react-icons/fa";
import { IoMdCheckmark, IoMdClose } from "react-icons/io";
+import { FaRegEdit } from "react-icons/fa";
+import EditCafeMenu from "./EditCafeMenu";
// Assets
import Bg1 from "../../assets/icons/bg1.svg";
@@ -25,381 +27,437 @@ import cafeService from "../../services/cafe";
// Constants
const DEFAULT_CATEGORIES = [
- "نوشیدنی سرد",
- "نوشیدنی گرم",
- "کیک و دسر",
- "صبحانه",
- "ساندویچ و برگر",
- "سالاد و پیش غذا",
+ "نوشیدنی سرد",
+ "نوشیدنی گرم",
+ "کیک و دسر",
+ "صبحانه",
+ "ساندویچ و برگر",
+ "سالاد و پیش غذا",
];
const CAFE_FEATURES = [
- { icon: Coffee3, label: "منو کافه:", width: "lg:w-[140px]" },
- { icon: Vector15, label: "ساعت کاری:", value: "23 - 8" },
- { icon: Vector14, label: "رزرو :", value: "رزرو آنلاین" },
- { icon: Vector11, label: "موسیقی :", value: "موسیقی زنده آخر هفته" },
- { icon: Vector13, label: "پارکینگ :", value: "عمومی" },
- { icon: Vector12, label: "دسترسی آسان :", value: "مناسب افراد ناتوان" },
+ { icon: Coffee3, label: "منو کافه:", width: "lg:w-[140px]" },
+ { icon: Vector15, label: "ساعت کاری:", value: "23 - 8" },
+ { icon: Vector14, label: "رزرو :", value: "رزرو آنلاین" },
+ { icon: Vector11, label: "موسیقی :", value: "موسیقی زنده آخر هفته" },
+ { icon: Vector13, label: "پارکینگ :", value: "عمومی" },
+ { icon: Vector12, label: "دسترسی آسان :", value: "مناسب افراد ناتوان" },
];
const CAFE_PRODUCTS = [
- {
- name: "اسپرسو100%",
- price: "118.000",
- image: Sperso,
- description: "45 میلی لیتر، قهوه، 100% عربیکا، دم شده با دستگاه اسپرسو ساز، به همراه یک عدد آب معدنی مینی",
- },
- {
- name: "کارامل ماکیاتو",
- price: "149.000",
- image: Coffee1,
- description: "220 میلی لیتر، 2 شات اسپرسو 30% روبوستا، 70% عربیکا، یک لکه فوم شیر، سیروپ کارامل",
- },
- {
- name: "اسپرسو آفوگاتو",
- price: "118.000",
- image: Coffee2,
- description: "اسپرسو، یک اسکوپ بستنی وانیلی",
- },
+ {
+ name: "اسپرسو100%",
+ price: "118.000",
+ image: Sperso,
+ description:
+ "45 میلی لیتر، قهوه، 100% عربیکا، دم شده با دستگاه اسپرسو ساز، به همراه یک عدد آب معدنی مینی",
+ },
+ {
+ name: "کارامل ماکیاتو",
+ price: "149.000",
+ image: Coffee1,
+ description:
+ "220 میلی لیتر، 2 شات اسپرسو 30% روبوستا، 70% عربیکا، یک لکه فوم شیر، سیروپ کارامل",
+ },
+ {
+ name: "اسپرسو آفوگاتو",
+ price: "118.000",
+ image: Coffee2,
+ description: "اسپرسو، یک اسکوپ بستنی وانیلی",
+ },
];
export default function EditCafe() {
- const { id } = useParams();
- const navigate = useNavigate();
+ const { id } = useParams();
+ const navigate = useNavigate();
+ const [editmenu, setEditMenu] = useState(false);
- // State Management
- const [cafeData, setCafeData] = useState(null);
- const [loading, setLoading] = useState(true);
- const [error, setError] = useState("");
- const [categories, setCategories] = useState(() => {
- const saved = localStorage.getItem("cafeCategories");
- return saved ? JSON.parse(saved) : DEFAULT_CATEGORIES;
- });
- const [isEditMode, setIsEditMode] = useState(false);
- const [isAddingCategory, setIsAddingCategory] = useState(false);
- const [newCategory, setNewCategory] = useState("");
- const [editingIndex, setEditingIndex] = useState(null);
- const [editValue, setEditValue] = useState("");
+ // State Management
+ const [cafeData, setCafeData] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState("");
+ const [categories, setCategories] = useState(() => {
+ const saved = localStorage.getItem("cafeCategories");
+ return saved ? JSON.parse(saved) : DEFAULT_CATEGORIES;
+ });
+ const [isEditMode, setIsEditMode] = useState(false);
+ const [isAddingCategory, setIsAddingCategory] = useState(false);
+ const [newCategory, setNewCategory] = useState("");
+ const [editingIndex, setEditingIndex] = useState(null);
+ const [editValue, setEditValue] = useState("");
- // Effects
- useEffect(() => {
- fetchCafeData();
- }, [id]);
+ // Effects
+ useEffect(() => {
+ fetchCafeData();
+ }, [id]);
- useEffect(() => {
- localStorage.setItem("cafeCategories", JSON.stringify(categories));
- }, [categories]);
+ useEffect(() => {
+ localStorage.setItem("cafeCategories", JSON.stringify(categories));
+ }, [categories]);
- // API Calls
- const fetchCafeData = async () => {
- setLoading(true);
- setError("");
- try {
- const res = await cafeService.getCafeList();
- if (res.data.success && res.data.data) {
- const cafe = res.data.data.find((c) => c._id === id);
- if (cafe) {
- setCafeData(cafe);
- console.log("✅ Cafe data loaded:", cafe);
- } else {
- setError("کافه مورد نظر یافت نشد");
- }
- } else {
- setError("دادههای کافه معتبر نیست");
- }
- } catch (error) {
- console.error("❌ Error loading cafe:", error);
- const errorMessage =
- error.response?.data?.message ||
- (error.request ? "خطا در برقراری ارتباط با سرور" : "خطای نامشخص رخ داده است");
- setError(errorMessage);
- } finally {
- setLoading(false);
+ // API Calls
+ const fetchCafeData = async () => {
+ setLoading(true);
+ setError("");
+ try {
+ const res = await cafeService.getCafeList();
+ if (res.data.success && res.data.data) {
+ const cafe = res.data.data.find((c) => c._id === id);
+ if (cafe) {
+ setCafeData(cafe);
+ console.log("✅ Cafe data loaded:", cafe);
+ } else {
+ setError("کافه مورد نظر یافت نشد");
}
- };
+ } else {
+ setError("دادههای کافه معتبر نیست");
+ }
+ } catch (error) {
+ console.error("❌ Error loading cafe:", error);
+ const errorMessage =
+ error.response?.data?.message ||
+ (error.request
+ ? "خطا در برقراری ارتباط با سرور"
+ : "خطای نامشخص رخ داده است");
+ setError(errorMessage);
+ } finally {
+ setLoading(false);
+ }
+ };
- // Category Handlers
- const handleAddCategory = () => {
- if (newCategory.trim()) {
- setCategories([...categories, newCategory.trim()]);
- setNewCategory("");
- setIsAddingCategory(false);
- setTimeout(() => {
- const scrollContainer = document.querySelector(".categories-scroll");
- if (scrollContainer) {
- scrollContainer.scrollLeft = scrollContainer.scrollWidth;
- }
- }, 0);
+ // Category Handlers
+ const handleAddCategory = () => {
+ if (newCategory.trim()) {
+ setCategories([...categories, newCategory.trim()]);
+ setNewCategory("");
+ setIsAddingCategory(false);
+ setTimeout(() => {
+ const scrollContainer = document.querySelector(".categories-scroll");
+ if (scrollContainer) {
+ scrollContainer.scrollLeft = scrollContainer.scrollWidth;
}
- };
-
- const handleDeleteCategory = (index) => {
- setCategories(categories.filter((_, i) => i !== index));
- };
-
- const handleEditCategory = (index) => {
- setEditingIndex(index);
- setEditValue(categories[index]);
- };
-
- const handleSaveCategory = () => {
- if (editValue.trim()) {
- const newCategories = [...categories];
- newCategories[editingIndex] = editValue.trim();
- setCategories(newCategories);
- setEditingIndex(null);
- setEditValue("");
- }
- };
-
- const handleCancelEdit = () => {
- setEditingIndex(null);
- setEditValue("");
- };
-
- // Render States
- if (loading) {
- return (
-
- );
+ }, 0);
}
+ };
- if (error) {
- return (
-
- );
+ const handleDeleteCategory = (index) => {
+ setCategories(categories.filter((_, i) => i !== index));
+ };
+
+ const handleEditCategory = (index) => {
+ setEditingIndex(index);
+ setEditValue(categories[index]);
+ };
+
+ const handleSaveCategory = () => {
+ if (editValue.trim()) {
+ const newCategories = [...categories];
+ newCategories[editingIndex] = editValue.trim();
+ setCategories(newCategories);
+ setEditingIndex(null);
+ setEditValue("");
}
+ };
- if (!cafeData) {
- return (
-
- اطلاعات کافه یافت نشد
-
- );
- }
+ const handleCancelEdit = () => {
+ setEditingIndex(null);
+ setEditValue("");
+ };
- return (
-
-
- {/* Header */}
- ادیت {cafeData.Name}
+ {/* Header */}
+
+ ادیت {cafeData.Name}
+
- {/* Main Container */}
-
- {/* Cafe Info Section */}
-
- {/* Image */}
-
-
-
+ {/* Main Container */}
+
+ {/* Cafe Info Section */}
+
+ {/* Image */}
+
+
+
- {/* Info */}
-
- {/* Action Buttons */}
-
-
-
-
-
- {/* Basic Info */}
-
-
-
-
-
- {cafeData.address || "آدرس موجود نیست"}
-
-
-
-
- {cafeData.rating || 0}
-
-
-
-
درباره کافه
-
- {cafeData.description || "توضیحاتی برای این کافه وجود ندارد."}
-
-
-
-
+ {/* Info */}
+
+ {/* Action Buttons */}
+
+
+
- {/* Features Section */}
-
-
ویژگی ها
-
- {CAFE_FEATURES.map((feature, idx) => (
-
-
-
- {feature.label}
-
- {feature.value && (
-
{feature.value}
- )}
-
- ))}
-
-
-
-
- {/* Categories Section */}
-
-
-
دستهبندیها
-
-
-
-
- {categories.map((category, idx) => (
-
- {isEditMode && editingIndex === idx ? (
-
-
-
-
-
-
setEditValue(e.target.value)}
- className="border-2 border-[#bb8f70] rounded-lg px-2 py-1 text-xs md:text-sm focus:outline-none focus:border-button1 min-w-[100px]"
- autoFocus
- />
-
- ) : (
-
- {category}
- {isEditMode && (
- <>
- handleEditCategory(idx)}
- className="text-button1 cursor-pointer hover:text-[#5f494f] w-4 h-4 ml-1"
- title="ویرایش"
- />
- handleDeleteCategory(idx)}
- className="text-white bg-[#a79fa1] rounded cursor-pointer hover:bg-[#9a8f91] w-4 h-4"
- title="حذف"
- />
-
- )}
-
- )}
-
- ))}
-
- {isEditMode && !isAddingCategory && (
-
- )}
-
- {isEditMode && isAddingCategory && (
-
-
-
- {
- setIsAddingCategory(false);
- setNewCategory("");
- }}
- className="text-red-600 cursor-pointer hover:text-red-800 w-5 h-5"
- title="لغو"
- />
-
-
setNewCategory(e.target.value)}
- placeholder="دسته جدید"
- className="border-2 border-[#bb8f70] rounded-lg px-2 py-1 text-xs md:text-sm focus:outline-none focus:border-button1 min-w-[100px]"
- autoFocus
- />
-
- )}
-
-
-
- {/* Products Section */}
-
-
محصولات
-
- {CAFE_PRODUCTS.map((product, idx) => (
-
-
{product.name}
-
-
- قیمت:
- {product.price}
-
-
- {product.description}
-
-
- ))}
-
+ {/* Basic Info */}
+
+
+
+ {cafeData.Name}
+
+
+
+
+
+
+
+ {cafeData.address || "آدرس موجود نیست"}
+
+
+
+
+
+
+ {cafeData.rating || 0}
+
+
+
+
+
+ درباره کافه
+
+
+ {cafeData.description ||
+ "توضیحاتی برای این کافه وجود ندارد."}
+
+
+
-
- );
+
+
+
+ {/* Features Section */}
+
+
+ ویژگی ها
+
+
+ {CAFE_FEATURES.map((feature, idx) => (
+
+
+
+ {feature.label}
+
+ {feature.value && (
+
+ {feature.value}
+
+ )}
+
+ ))}
+
+
+
+
+ {/* Categories Section */}
+
+
+
+ دستهبندیها
+
+
+
+
+
+ {categories.map((category, idx) => (
+
+ {isEditMode && editingIndex === idx ? (
+
+
+
+
+
+
setEditValue(e.target.value)}
+ className="border-2 border-[#bb8f70] rounded-lg px-2 py-1 text-xs md:text-sm focus:outline-none focus:border-button1 min-w-[100px]"
+ autoFocus
+ />
+
+ ) : (
+
+ {category}
+ {isEditMode && (
+ <>
+ handleEditCategory(idx)}
+ className="text-button1 cursor-pointer hover:text-[#5f494f] w-4 h-4 ml-1"
+ title="ویرایش"
+ />
+ handleDeleteCategory(idx)}
+ className="text-white bg-[#a79fa1] rounded cursor-pointer hover:bg-[#9a8f91] w-4 h-4"
+ title="حذف"
+ />
+
+ )}
+
+ )}
+
+ ))}
+
+ {isEditMode && !isAddingCategory && (
+
+ )}
+
+ {isEditMode && isAddingCategory && (
+
+
+
+ {
+ setIsAddingCategory(false);
+ setNewCategory("");
+ }}
+ className="text-red-600 cursor-pointer hover:text-red-800 w-5 h-5"
+ title="لغو"
+ />
+
+
setNewCategory(e.target.value)}
+ placeholder="دسته جدید"
+ className="border-2 border-[#bb8f70] rounded-lg px-2 py-1 text-xs md:text-sm focus:outline-none focus:border-button1 min-w-[100px]"
+ autoFocus
+ />
+
+ )}
+
+
+
+ {/* Products Section */}
+
+
+ محصولات
+
+
+ {CAFE_PRODUCTS.map((product, idx) => (
+
+
+ {product.name}
+
+
+
+ قیمت:
+
+ {product.price}
+
+
+
+ {product.description}
+
+
+ ))}
+
+
+
+
+ )}
+
+ );
}
diff --git a/src/pages/CafeManagement/EditCafeMenu.jsx b/src/pages/CafeManagement/EditCafeMenu.jsx
new file mode 100644
index 0000000..673ce37
--- /dev/null
+++ b/src/pages/CafeManagement/EditCafeMenu.jsx
@@ -0,0 +1,124 @@
+import { useState } from "react";
+import { CgAddR } from "react-icons/cg";
+import { PiCoffee } from "react-icons/pi";
+import { FaRegEdit } from "react-icons/fa";
+import CoffeeCard from "./Component/CoffeeCard";
+import coffee12 from "../../assets/image/coffee12.png";
+
+const DEFAULT_CATEGORIES = [
+ "نوشیدنی سرد",
+ "نوشیدنی گرم",
+ "کیک و دسر",
+ "صبحانه",
+ "ساندویچ و برگر",
+ "سالاد و پیش غذا",
+];
+const PRODUCTS = [
+ {
+ id: 1,
+ title: "اسپرسو",
+ description: "قهوه 100٪ عربیکا با عطر بالا",
+ price: "118,000",
+ image: coffee12,
+ },
+ {
+ id: 2,
+ title: "لاته",
+ description: "شیر بخار داده شده + اسپرسو",
+ price: "135,000",
+ image: coffee12,
+ },
+ {
+ id: 3,
+ title: "کاپوچینو",
+ description: "کلاسیک ایتالیایی با فوم شیر",
+ price: "142,000",
+ image: coffee12,
+ },
+];
+
+export default function EditCafeMenu({ setEditMenu }) {
+ const [selectedCategory, setSelectedCategory] = useState(null);
+
+ return (
+
+
ادیت منو کافه
+
+
+
+
+
+
+
+
+
+
+
+ {DEFAULT_CATEGORIES.map((cat, index) => (
+
+ ))}
+
+
+ {/* جزئیات category انتخاب شده */}
+ {selectedCategory && (
+ <>
+
+
+ افزودن زیر عنوان
+
+
+
+ {PRODUCTS.map((item) => (
+ console.log("edit", item.id)}
+ />
+ ))}
+
+
+ )}
+
+ );
+}
diff --git a/src/pages/Stats/Stats.jsx b/src/pages/Stats/Stats.jsx
index c118e08..8b3fc03 100644
--- a/src/pages/Stats/Stats.jsx
+++ b/src/pages/Stats/Stats.jsx
@@ -1,11 +1,61 @@
import React from "react";
+import VisitorsChart from "./components/viewstats";
export default function Stats() {
return (
-
- آمار و تحلیل
-
-
محتوای آمار و تحلیل بهزودی اضافه خواهد شد
+
+
+
+
آمار بازدید کننده ها
+
+
+
+
+ مجموع فروش: 0 تومان
+
+
+
+
+
+
+
+
+
+
آمار بازدید کننده ها
+
+
+
+
+ مجموع فروش: 0 تومان
+
+
+
+
+
+
+
+
+
+
+
آمار بازدید کننده ها
+
+
+
+
+ مجموع فروش: 0 تومان
+
+
+
+
+
+
);
diff --git a/src/pages/Stats/components/viewstats.jsx b/src/pages/Stats/components/viewstats.jsx
new file mode 100644
index 0000000..0a384c9
--- /dev/null
+++ b/src/pages/Stats/components/viewstats.jsx
@@ -0,0 +1,65 @@
+import {
+ LineChart,
+ Line,
+ XAxis,
+ YAxis,
+ Tooltip,
+ ResponsiveContainer,
+} from "recharts";
+
+const data = [
+ { name: "هفته اول", a: 200000, b: 250000 },
+ { name: "هفته دوم", a: 450000, b: 380000 },
+ { name: "هفته سوم", a: 350000, b: 600000 },
+ { name: "هفته چهارم", a: 150000, b: 500000 },
+ { name: "هفته پنجم", a: 500000, b: 700000 },
+ { name: "هفته ششم", a: 600000, b: 800000 },
+ { name: "هفته هفتم", a: 700000, b: 900000 },
+ { name: "هفته هشتم", a: 800000, b: 950000 },
+ { name: "هفته نهم", a: 900000, b: 1000000 },
+];
+
+export default function VisitorsChart() {
+ return (
+
+
آمار بازدید کنندهها
+
+
+
+ {/* گرادیانتها */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/routes/Routes.jsx b/src/routes/Routes.jsx
index 6a4e07d..6c76e44 100644
--- a/src/routes/Routes.jsx
+++ b/src/routes/Routes.jsx
@@ -7,6 +7,7 @@ import CafeManagement from '../pages/CafeManagement/CafeManagement';
import EditCafe from '../pages/CafeManagement/EditCafe';
import Stats from '../pages/Stats/Stats';
+
export default function AppRoutes() {
return (
diff --git a/src/styles/index.css b/src/styles/index.css
index e2bc351..33b9958 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -4,29 +4,48 @@
:root {
--color-primary: #7f4629;
--color-button1: #99582a;
-
+ --color-text1: #402e32;
+ --color-text2: #ffffff;
--color-header: #f3efe7;
--color-header2: #e6dbcc;
-
--color-sidebar: #efeeee;
-
--color-background: #fdf8f4;
-
+ --color-hover: #e6dbcc;
+ --color-hover2: #a2795c;
+ --color-thead: #7f4629;
+ --color-border: #7f4629;
--font-sans: "Vazirmatn", system-ui, sans-serif;
-
}
-
.dark {
- --color-primary: #d9cab3;
+ --color-primary: #93836c;
--color-button1: #99582a;
-
+ --color-text1: #fdf8f4;
+ --color-text2: #272322;
--color-header: #342e2c;
--color-header2: #5e5450;
-
--color-sidebar: #564c49;
-
--color-background: #272322;
+ --color-hover: #5e5450;
+ --color-hover2: #a2795c;
+ --color-thead: #d9cab3;
+ --color-border: #93836c;
+}
+
+@theme {
+ --font-MyEstedad: "MyEstedad", sans-serif;
+
+ --color-primary: var(--color-primary);
+ --color-header: var(--color-header);
+ --color-sidebar: var(--color-sidebar);
+ --color-background: var(--color-background);
+ --color-button1: var(--color-button1);
+ --color-text1: var(--color-text1);
+ --color-text2: var(--color-text2);
+ --color-hover: var(--color-hover);
+ --color-hover2: var(--color-hover2);
+ --color-thead: var(--color-thead);
+ --color-border: var(--color-border);
}
/* Chrome / Edge / Safari autofill FIX (light + dark, no color) */
@@ -37,9 +56,9 @@ input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
select:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px #fdf8f4 inset !important;
- box-shadow: 0 0 0 1000px #fdf8f4 inset !important;
- -webkit-text-fill-color: inherit !important;
+ -webkit-box-shadow: 0 0 0 1000px #fdf8f4 inset !important;
+ box-shadow: 0 0 0 1000px #fdf8f4 inset !important;
+ -webkit-text-fill-color: inherit !important;
}
.dark input:-webkit-autofill,
@@ -48,13 +67,45 @@ select:-webkit-autofill {
.dark textarea:-webkit-autofill,
.dark textarea:-webkit-autofill:focus,
.dark select:-webkit-autofill {
- -webkit-box-shadow: 0 0 0 1000px #272322 inset !important;
- box-shadow: 0 0 0 1000px #272322 inset !important;
- -webkit-text-fill-color: inherit !important;
+ -webkit-box-shadow: 0 0 0 1000px #272322 inset !important;
+ box-shadow: 0 0 0 1000px #272322 inset !important;
+ -webkit-text-fill-color: inherit !important;
}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+td,
+body {
+ color: var(--color-text1);
+}
+div:hover
+{
+ color: var(--color-text1);
+}
+
+.dark h1,
+.dark h2,
+.dark h3,
+.dark h4,
+.dark h5,
+.dark h6,
+.dark p,
+.dark span,
+.dark td,
+.dark body {
+ color: var(--color-text1) !important;
+}
+
+.dark div:hover {
+ color: var(--color-text2) !important;
+}
@@ -82,36 +133,7 @@ body {
src: url("/fonts/Estedad.ttf") format("truetype");
}
-@theme {
- --font-MyEstedad: "MyEstedad", sans-serif;
- --color-primary: var(--color-primary);
- --color-header: var(--color-header);
- --color-sidebar: var(--color-sidebar);
- --color-background: var(--color-background);
-
- --color-button1: var(--color-button1);
-
- /* --color-text1: var(--color-text1-menu-and-card);
- --color-text2: var(--color-text2);
- --color-text3: var(--color-text3);
- --color-text4: var(--color-text4);
-
- --color-btn1: var(--color-button1);
- --color-btn2: var(--color-button2);
- --color-btn3: var(--color-button3);
-
- --color-primary1: var(--color-primary1);
- --color-primary2: var(--color-primary2);
- --color-primary3: var(--color-primary3);
- --color-primary4: var(--color-primary4);
- --color-primary5-dark: var(--color-primary5-dark);
- --color-primary6-dark: var(--color-primary6-dark);
-
-
- --color-bg-light: var(--color-background-light);
- --color-bg-dark: var(--color-background-dark); */
-}
@layer base {
html {
@@ -153,8 +175,8 @@ svg {
/* رنگ انتخاب متن (drag select) */
::selection {
- background-color: var(--primary-200);
+ background-color: var(--color-hover);
/* بکگراند انتخاب */
- color: var(--primary-foreground);
+ color: var(--color-text1);
/* رنگ متن انتخاب */
}
\ No newline at end of file
-
);
};
diff --git a/src/components/layout/Sidebar/sidebar.jsx b/src/components/layout/Sidebar/sidebar.jsx
index d6f62e9..9b57ce3 100644
--- a/src/components/layout/Sidebar/sidebar.jsx
+++ b/src/components/layout/Sidebar/sidebar.jsx
@@ -1,13 +1,15 @@
import { Link, useLocation, useNavigate } from "react-router-dom";
+import { useState, useEffect } from "react";
import LogoDM from "../../../assets/icons/LogoDM.svg";
+import LogoLM from "../../../assets/icons/Logo-LM.svg";
import { BiBarChartAlt2 } from "react-icons/bi";
import { AiOutlinePieChart } from "react-icons/ai";
import { PiCoffee } from "react-icons/pi";
import { HiOutlineLogout } from "react-icons/hi";
import { FiMenu, FiX } from "react-icons/fi";
+
const SIDEBAR = {
- logo: LogoDM,
navigation: [
{
id: 'dashboard',
@@ -33,7 +35,7 @@ const SIDEBAR = {
label: 'خروج',
},
styles: {
- activeColor: '#7F4629',
+ activeColor: 'primary',
inactiveColor: '#402E32',
borderColor: '#D9CAB3',
padding: 'p-2.5',
@@ -45,6 +47,20 @@ const SIDEBAR = {
export default function Sidebar({ className, isOpen, setIsOpen }) {
const location = useLocation();
const navigate = useNavigate();
+ const [currentLogo, setCurrentLogo] = useState(localStorage.getItem('theme') === 'light' ? LogoDM : LogoLM);
+
+ useEffect(() => {
+ const observer = new MutationObserver(() => {
+ setCurrentLogo(localStorage.getItem('theme') === 'light' ? LogoDM : LogoLM);
+ });
+
+ observer.observe(document.documentElement, {
+ attributes: true,
+ attributeFilter: ['class']
+ });
+
+ return () => observer.disconnect();
+ }, []);
const isActive = (path) => location.pathname === path;
@@ -73,25 +89,22 @@ export default function Sidebar({ className, isOpen, setIsOpen }) {
key={item.id}
to={item.path}
onClick={closeSidebar}
- className={`group flex items-center ${SIDEBAR.styles.gap} ${SIDEBAR.styles.rounded} ${SIDEBAR.styles.padding} transition-all duration-200 ${
- active
- ? `bg-[${SIDEBAR.styles.activeColor}] shadow-md`
- : `hover:bg-[${SIDEBAR.styles.activeColor}]`
- }`}
+ className={`group flex items-center ${SIDEBAR.styles.gap} ${SIDEBAR.styles.rounded} ${SIDEBAR.styles.padding} transition-all duration-200 ${active
+ ? `bg-primary shadow-md`
+ : `hover:bg-primary hover:text-text2`
+ }`}
>
+ 
- 
+ 
+
+