From 306c3257a91c4a82d0d153be311ffa386bb262a4 Mon Sep 17 00:00:00 2001 From: soheilGh Date: Sat, 13 Dec 2025 15:30:09 +0330 Subject: [PATCH] fix the Route and edit CafeManagement.jsx and EditCafe.jsx like figma --- src/App.jsx | 37 ++- src/components/layout/sidebar.jsx | 150 +++++---- src/pages/CafeManagement.jsx | 283 ----------------- .../CafeManagement/CafeManagement.jsx} | 12 +- src/pages/CafeManagement/EditCafe.jsx | 284 ++++++++++++++++++ src/pages/Dashboard/Dashboard.jsx | 9 + src/pages/Login/Login.jsx | 9 + src/pages/Stats/Stats.jsx | 9 + 8 files changed, 427 insertions(+), 366 deletions(-) delete mode 100644 src/pages/CafeManagement.jsx rename src/{components/features/management1.jsx => pages/CafeManagement/CafeManagement.jsx} (97%) create mode 100644 src/pages/CafeManagement/EditCafe.jsx create mode 100644 src/pages/Dashboard/Dashboard.jsx create mode 100644 src/pages/Login/Login.jsx create mode 100644 src/pages/Stats/Stats.jsx diff --git a/src/App.jsx b/src/App.jsx index 769bb31..7aba479 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,22 +1,31 @@ import "./styles/App.css"; import Layout from "./components/layout/layout"; -import Management1 from "./components/features/management1"; -import CafeManagement from "./pages/CafeManagement"; -// import Header from "./components/header"; -import { BrowserRouter, Routes, Route } from "react-router-dom"; +import Login from "./pages/Login/Login"; +import Dashboard from "./pages/Dashboard/Dashboard"; +import CafeManagement from "./pages/CafeManagement/CafeManagement"; +import EditCafe from "./pages/CafeManagement/EditCafe"; +import Stats from "./pages/Stats/Stats"; +import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom"; function App() { return ( -
- - - }> - } /> - } /> - - - -
+ + + } /> + + }> + } /> + + } /> + + } /> + + } /> + + } /> + + + ); } diff --git a/src/components/layout/sidebar.jsx b/src/components/layout/sidebar.jsx index 60b128a..fe28a40 100644 --- a/src/components/layout/sidebar.jsx +++ b/src/components/layout/sidebar.jsx @@ -1,86 +1,110 @@ import React from "react"; -import Vector1 from "../../assets/icons/Vector1.svg"; -import Vector2 from "../../assets/icons/Vector2.svg"; -import Vector3 from "../../assets/icons/Vector3.svg"; -import Vector4 from "../../assets/icons/Vector4.svg"; -import Vector5 from "../../assets/icons/Vector5.svg"; -import Vector6 from "../../assets/icons/Vector6.svg"; +import { Link, useLocation, useNavigate } from "react-router-dom"; import LogoDM from "../../assets/icons/LogoDM.svg"; -import { Link } from "react-router-dom"; import { BiBarChartAlt2 } from "react-icons/bi"; import { AiOutlinePieChart } from "react-icons/ai"; import { PiCoffee } from "react-icons/pi"; -import { LuSquareUser } from "react-icons/lu"; import { HiOutlineLogout } from "react-icons/hi"; const Sidebar = () => { - return ( - + ); }; -export default Sidebar; +export default Sidebar; \ No newline at end of file diff --git a/src/pages/CafeManagement.jsx b/src/pages/CafeManagement.jsx deleted file mode 100644 index c2e6d9d..0000000 --- a/src/pages/CafeManagement.jsx +++ /dev/null @@ -1,283 +0,0 @@ -import React from "react"; -import Bg1 from "../assets/icons/bg1.svg"; -import { GrLocation } from "react-icons/gr"; -import { BiEdit } from "react-icons/bi"; -import { FaRegStar } from "react-icons/fa"; -import { PiCoffee } from "react-icons/pi"; -import { IoMdTime } from "react-icons/io"; -import { LuCalendar1 } from "react-icons/lu"; -import Vector11 from "../assets/icons/Vector11.svg"; -import Vector12 from "../assets/icons/Vector12.svg"; -import Vector13 from "../assets/icons/Vector13.svg"; -import Vector14 from "../assets/icons/Vector14.svg"; -import Vector15 from "../assets/icons/Vector15.svg"; -import Vector9 from "../assets/icons/Vector9.svg"; -import Vector16 from "../assets/icons/Vector16.svg"; -import Sperso from "../assets/icons/sperso.svg"; -import Coffee2 from "../assets/icons/coffee2.svg"; -import Coffee1 from "../assets/icons/coffee1.svg"; -import Coffee3 from "../assets/icons/coffee3.svg"; -import Edit from "../assets/icons/edit.svg"; - -const CafeManagement = () => { - return ( -
-

ادیت کافه ترنج

- -
-
- Logo -
- -
-
- - -
- -

کافه ترنج

-
-
- - اصفهان - خیابان آذر -
-
- -
- - 3.9 -
-

درباره کافه

- - کافه ترنج، یک کافی شاپ با محیطی دنج و دلچسب در شهر اصفهان و یکی از - ممتازترین کافی‌ شاپ‌های ابن شهر است. از جمله خدمات این کافه می‌توان - به اینترنت رایگان و ارائه کتاب‌هایی برای مطالعه در داخل کافه اشاره - کرد. - -
- - - -

- ویژگی ها -

- -
-
- - - منو کافه: - -
- -
- - ساعت کاری: - 23 - 8 -
- -
- - رزرو : - رزرو آنلاین -
-
- - موسیقی : - موسیقی زنده آخر هفته -
- -
- - پارکینگ : - عمومی -
- -
- - دسترسی آسان : - مناسب افراد ناتوان -
- -
- -
-
-
-
-
- Logo - عنوان -
- نوشیدنی سرد - نوشیدنی گرم - کیک و دسر - صبحانه - ساندویچ و برگر - سالاد و پیش غذا -
-
- -
- Logo -

افزودن زیر عنوان

-
- -
- Logo - Logo -

قهوه ها

-
-
- -
-
-

اسپرسو100%

- Logo -
- قیمت - 118.000 -
-

- محتویات -

- - 45 میلی لیتر، قهوه، 100% عربیکا، دم شده با دستگاه اسپرسو ساز، - به همراه یک عدد آب معدنی مینی - -
-
- -
-

- کارامل ماکیاتو -

- Logo -
- قیمت - 149.000 -
-

- محتویات -

- - 220 میلی لیتر، 2 شات اسپرسو 30% روبوستا، 70% عربیکا، یک لکه - فوم شیر، سیروپ کارامل - -
-
- -
-

- اسپرسو آفوگاتو -

- Logo -
- قیمت - 118.000 -
-

- محتویات -

- - اسپرسو، یک اسکوپ بستنی وانیلی - -
-
- -
-

- اسپرسو آفوگاتو -

- Logo -
- قیمت - 118.000 -
-

- محتویات -

- - اسپرسو، یک اسکوپ بستنی وانیلی - -
-
- -
-

- اسپرسو آفوگاتو -

- Logo -
- قیمت - 118.000 -
-

- محتویات -

- - اسپرسو، یک اسکوپ بستنی وانیلی - -
-
- -
-

- اسپرسو آفوگاتو -

- Logo -
- قیمت - 118.000 -
-

- محتویات sgjksldkk -

- - - اسپرسو، یک اسکوپ بستنی وانیلی - -
-
-
-
-
-
-
- ); -}; - -export default CafeManagement; - -// import React from "react"; -// import Search from "../assets/icons/search.svg"; -// import Arrow from "../assets/icons/arrow.svg"; -// import Vector7 from "../assets/icons/Vector7.svg"; -// import Pic from "../assets/icons/pic.png"; - -// const Header = () => { -// return ( -//
-//

{title}

-//
-// لوگو -//
-//
-// لوگو -//

سارا راد

-// لوگو -//
-// لوگو -//

hello!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

-//
-// ); -// }; - -// export default Header; diff --git a/src/components/features/management1.jsx b/src/pages/CafeManagement/CafeManagement.jsx similarity index 97% rename from src/components/features/management1.jsx rename to src/pages/CafeManagement/CafeManagement.jsx index 6dea9ad..40ef93b 100644 --- a/src/components/features/management1.jsx +++ b/src/pages/CafeManagement/CafeManagement.jsx @@ -38,7 +38,7 @@ const cafes = [ }, ]; -const Management1 = () => { +const CafeManagement = () => { return (
{/* ===== Header ===== */} @@ -64,14 +64,14 @@ const Management1 = () => {

افزودن شعبه جدید

لوگو - لوگو + {/* ===== Title ===== */}

کافه های شما

{/* ===== Table Header ===== */} -
+

لوگو

اسم

لوکیشن

@@ -113,9 +113,9 @@ const Management1 = () => { ); }; -export default Management1; +export default CafeManagement; -// const Management1 = () => { +// const CafeManagement = () => { // return ( //
//
@@ -206,4 +206,4 @@ export default Management1; // ); // }; -// export default Management1; +// export default CafeManagement; diff --git a/src/pages/CafeManagement/EditCafe.jsx b/src/pages/CafeManagement/EditCafe.jsx new file mode 100644 index 0000000..7217081 --- /dev/null +++ b/src/pages/CafeManagement/EditCafe.jsx @@ -0,0 +1,284 @@ +import React from "react"; +import Bg1 from "../../assets/icons/bg1.svg"; +import {GrLocation} from "react-icons/gr"; +import {BiEdit} from "react-icons/bi"; +import {FaRegStar} from "react-icons/fa"; +import {PiCoffee} from "react-icons/pi"; +import {IoMdTime} from "react-icons/io"; +import {LuCalendar1} from "react-icons/lu"; +import Vector11 from "../../assets/icons/Vector11.svg"; +import Vector12 from "../../assets/icons/Vector12.svg"; +import Vector13 from "../../assets/icons/Vector13.svg"; +import Vector14 from "../../assets/icons/Vector14.svg"; +import Vector15 from "../../assets/icons/Vector15.svg"; +import Vector9 from "../../assets/icons/Vector9.svg"; +import Vector16 from "../../assets/icons/Vector16.svg"; +import Sperso from "../../assets/icons/sperso.svg"; +import Coffee2 from "../../assets/icons/coffee2.svg"; +import Coffee1 from "../../assets/icons/coffee1.svg"; +import Coffee3 from "../../assets/icons/coffee3.svg"; +import Edit from "../../assets/icons/edit.svg"; + +const EditCafe = () => { + return ( +
+

ادیت کافه ترنج

+ +
+
+ Logo +
+ +
+
+ + +
+ +

کافه ترنج

+
+
+ + اصفهان - خیابان آذر +
+
+ +
+ + 3.9 +
+

درباره کافه

+ + کافه ترنج، یک کافی شاپ با محیطی دنج و دلچسب در شهر اصفهان و یکی از + ممتازترین کافی‌ شاپ‌های ابن شهر است. از جمله خدمات این کافه می‌توان + به اینترنت رایگان و ارائه کتاب‌هایی برای مطالعه در داخل کافه اشاره + کرد. + +
+ +

+ ویژگی ها +

+ +
+
+ + + منو کافه: + +
+ +
+ + ساعت کاری: + 23 - 8 +
+ +
+ + رزرو : + رزرو آنلاین +
+
+ + موسیقی : + موسیقی زنده آخر هفته +
+ +
+ + پارکینگ : + عمومی +
+ +
+ + دسترسی آسان : + مناسب افراد ناتوان +
+ +
+ +
+
+
+
+
+ Logo + عنوان +
+ نوشیدنی سرد + نوشیدنی گرم + کیک و دسر + صبحانه + ساندویچ و برگر + سالاد و پیش غذا +
+
+ +
+ Logo +

افزودن زیر عنوان

+
+ +
+ Logo + Logo +

قهوه ها

+
+
+ +
+ Logo +

آیتم

+
+ +
+
+

اسپرسو100%

+ Logo +
+ قیمت + 118.000 +
+ + 45 میلی لیتر، قهوه، 100% عربیکا، دم شده با دستگاه اسپرسو ساز، + به همراه یک عدد آب معدنی مینی + +
+
+ +
+

+ کارامل ماکیاتو +

+ Logo +
+ قیمت + 149.000 +
+ + 220 میلی لیتر، 2 شات اسپرسو 30% روبوستا، 70% عربیکا، یک لکه + فوم شیر، سیروپ کارامل + +
+
+ +
+

+ اسپرسو آفوگاتو +

+ Logo +
+ قیمت + 118.000 +
+ + اسپرسو، یک اسکوپ بستنی وانیلی + +
+
+ +
+

+ اسپرسو آفوگاتو +

+ Logo +
+ قیمت + 118.000 +
+ + اسپرسو، یک اسکوپ بستنی وانیلی + +
+
+ +
+

+ اسپرسو آفوگاتو +

+ Logo +
+ قیمت + 118.000 +
+ + اسپرسو، یک اسکوپ بستنی وانیلی + +
+
+ +
+

+ اسپرسو آفوگاتو +

+ Logo +
+ قیمت + 118.000 +
+ + + اسپرسو، یک اسکوپ بستنی وانیلی + +
+
+
+
+
+
+
+ ); +}; + +export default EditCafe; + +// import React from "react"; +// import Search from "../assets/icons/search.svg"; +// import Arrow from "../assets/icons/arrow.svg"; +// import Vector7 from "../assets/icons/Vector7.svg"; +// import Pic from "../assets/icons/pic.png"; + +// const Header = () => { +// return ( +//
+//

{title}

+//
+// لوگو +//
+//
+// لوگو +//

سارا راد

+// لوگو +//
+// لوگو +//

hello!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

+//
+// ); +// }; + +// export default Header; diff --git a/src/pages/Dashboard/Dashboard.jsx b/src/pages/Dashboard/Dashboard.jsx new file mode 100644 index 0000000..809df27 --- /dev/null +++ b/src/pages/Dashboard/Dashboard.jsx @@ -0,0 +1,9 @@ +const Dashboard = () => { + return ( +
+ صفحه داشبورد +
+ ); +}; + +export default Dashboard; \ No newline at end of file diff --git a/src/pages/Login/Login.jsx b/src/pages/Login/Login.jsx new file mode 100644 index 0000000..04b4853 --- /dev/null +++ b/src/pages/Login/Login.jsx @@ -0,0 +1,9 @@ +const Login = () => { + return ( +
+ صفحه لاگین +
+ ); +}; + +export default Login; \ No newline at end of file diff --git a/src/pages/Stats/Stats.jsx b/src/pages/Stats/Stats.jsx new file mode 100644 index 0000000..4d3980d --- /dev/null +++ b/src/pages/Stats/Stats.jsx @@ -0,0 +1,9 @@ +const Stats = () => { + return ( +
+ صفحه آمار و تحلیل +
+ ); +}; + +export default Stats; \ No newline at end of file