cab01c2cbc
- constants/importanceLevels.js: 重要性等级图标 - constants/notificationTypes.js: 通知类型图标 - contexts/NotificationContext.js: 通知上下文图标 - layouts/components/BackToTopButton.js: 返回顶部按钮 - utils/priceFormatters.js: 价格格式化图标 - variables/general.js: 通用变量图标 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
743 lines
16 KiB
JavaScript
Executable File
743 lines
16 KiB
JavaScript
Executable File
/*!
|
|
|
|
=========================================================
|
|
* Argon Dashboard Chakra PRO - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
|
|
|
|
* Designed and Coded by Simmmple & Creative Tim
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
|
|
*/
|
|
|
|
// Assets
|
|
import avatar1 from "assets/img/avatars/avatar1.png";
|
|
import avatar10 from "assets/img/avatars/avatar10.png";
|
|
import avatar2 from "assets/img/avatars/avatar2.png";
|
|
import avatar3 from "assets/img/avatars/avatar3.png";
|
|
import avatar4 from "assets/img/avatars/avatar4.png";
|
|
import avatar5 from "assets/img/avatars/avatar5.png";
|
|
import avatar7 from "assets/img/avatars/avatar7.png";
|
|
import avatar8 from "assets/img/avatars/avatar8.png";
|
|
import avatar9 from "assets/img/avatars/avatar9.png";
|
|
// Custom icons
|
|
import {
|
|
AdobexdLogo,
|
|
AtlassianLogo,
|
|
InvisionLogo,
|
|
JiraLogo,
|
|
SlackLogo,
|
|
SpotifyLogo,
|
|
} from "components/Icons/Icons.js";
|
|
import { AlertCircle, ArrowDown, ArrowUp, Bell, CreditCard, FileText, Code, ShoppingCart, Box } from "lucide-react";
|
|
|
|
export const dashboardTableData = [
|
|
{
|
|
logo: AdobexdLogo,
|
|
name: "Argon UI Version",
|
|
members: [avatar1, avatar2, avatar3, avatar4, avatar5],
|
|
budget: "$14,000",
|
|
progression: 60,
|
|
},
|
|
{
|
|
logo: AtlassianLogo,
|
|
name: "Add Progress Track",
|
|
members: [avatar3, avatar2],
|
|
budget: "$3,000",
|
|
progression: 10,
|
|
},
|
|
{
|
|
logo: SlackLogo,
|
|
name: "Fix Platform Errors",
|
|
members: [avatar10, avatar4],
|
|
budget: "Not set",
|
|
progression: 100,
|
|
},
|
|
{
|
|
logo: SpotifyLogo,
|
|
name: "Launch our Mobile App",
|
|
members: [avatar2, avatar3, avatar7, avatar8],
|
|
budget: "$32,000",
|
|
progression: 100,
|
|
},
|
|
{
|
|
logo: JiraLogo,
|
|
name: "Add the New Pricing Page",
|
|
members: [avatar10, avatar3, avatar7, avatar2, avatar8],
|
|
budget: "$400",
|
|
progression: 25,
|
|
},
|
|
{
|
|
logo: InvisionLogo,
|
|
name: "Redesign New Online Shop",
|
|
members: [avatar9, avatar3, avatar2],
|
|
budget: "$7,600",
|
|
progression: 40,
|
|
},
|
|
];
|
|
|
|
export const timelineData = [
|
|
{
|
|
logo: Bell,
|
|
title: "$2400, Design changes",
|
|
date: "22 DEC 7:20 PM",
|
|
color: "blue.500",
|
|
},
|
|
{
|
|
logo: Code,
|
|
title: "New order #4219423",
|
|
date: "21 DEC 11:21 PM",
|
|
color: "orange",
|
|
},
|
|
{
|
|
logo: ShoppingCart,
|
|
title: "Server Payments for April",
|
|
date: "21 DEC 9:28 PM",
|
|
color: "blue.400",
|
|
},
|
|
{
|
|
logo: CreditCard,
|
|
title: "New card added for order #3210145",
|
|
date: "20 DEC 3:52 PM",
|
|
color: "orange.300",
|
|
},
|
|
{
|
|
logo: Box,
|
|
title: "Unlock packages for Development",
|
|
date: "19 DEC 11:35 PM",
|
|
color: "purple",
|
|
},
|
|
{
|
|
logo: AdobexdLogo,
|
|
title: "New order #9851258",
|
|
date: "18 DEC 4:41 PM",
|
|
},
|
|
];
|
|
|
|
export const timelineProjectsData = [
|
|
{
|
|
logo: Bell,
|
|
title: "$2400, Design changes",
|
|
titleColor: "#fff",
|
|
date: "22 DEC 7:20 PM",
|
|
color: "blue.500",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "blue.500",
|
|
titleTag: "DESIGN",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: Code,
|
|
title: "New order #4219423",
|
|
titleColor: "#fff",
|
|
date: "21 DEC 11:21 PM",
|
|
color: "red.500",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "red.500",
|
|
titleTag: "ORDER",
|
|
},
|
|
{
|
|
bgTag: "red.500",
|
|
titleTag: "#1832412",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: ShoppingCart,
|
|
title: "Server Payments for April",
|
|
titleColor: "#fff",
|
|
date: "21 DEC 9:28 PM",
|
|
color: "green.400",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "green.400",
|
|
titleTag: "SERVER",
|
|
},
|
|
{
|
|
bgTag: "green.400",
|
|
titleTag: "PAYMENTS",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: CreditCard,
|
|
title: "New card added for order #3210145",
|
|
titleColor: "#fff",
|
|
date: "20 DEC 3:52 PM",
|
|
color: "orange.300",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "orange.300",
|
|
titleTag: "CARD",
|
|
},
|
|
{
|
|
bgTag: "orange.300",
|
|
titleTag: "#1832412",
|
|
},
|
|
{
|
|
bgTag: "orange.300",
|
|
titleTag: "PRIORITY",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: Box,
|
|
title: "Unlock packages for Development",
|
|
titleColor: "#fff",
|
|
date: "19 DEC 11:35 PM",
|
|
color: "purple.400",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "purple.400",
|
|
titleTag: "DEVELOPMENT",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: Bell,
|
|
title: "$2400, Design changes",
|
|
titleColor: "#fff",
|
|
date: "22 DEC 7:20 PM",
|
|
color: "green.400",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "green.400",
|
|
titleTag: "DESIGN",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: Code,
|
|
title: "New order #4219423",
|
|
titleColor: "#fff",
|
|
date: "21 DEC 11:21 PM",
|
|
color: "orange",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "red.500",
|
|
titleTag: "ORDER",
|
|
},
|
|
{
|
|
bgTag: "red.500",
|
|
titleTag: "#1832412",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: ShoppingCart,
|
|
title: "Server Payments for April",
|
|
titleColor: "#fff",
|
|
date: "21 DEC 9:28 PM",
|
|
color: "blue.400",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "blue.400",
|
|
titleTag: "SERVER",
|
|
},
|
|
{
|
|
bgTag: "blue.400",
|
|
titleTag: "PAYMENTS",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
logo: CreditCard,
|
|
title: "New card added for order #3210145",
|
|
titleColor: "#fff",
|
|
date: "20 DEC 3:52 PM",
|
|
color: "orange.300",
|
|
description:
|
|
"People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
|
|
tags: [
|
|
{
|
|
bgTag: "orange.300",
|
|
titleTag: "CARD",
|
|
},
|
|
{
|
|
bgTag: "orange.300",
|
|
titleTag: "#1832412",
|
|
},
|
|
{
|
|
bgTag: "orange.300",
|
|
titleTag: "PRIORITY",
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
export const rtlDashboardTableData = [
|
|
{
|
|
logo: AdobexdLogo,
|
|
name: "نسخة Argon UI",
|
|
members: [avatar1, avatar2, avatar3, avatar4, avatar5],
|
|
budget: "$14,000",
|
|
progression: 60,
|
|
},
|
|
{
|
|
logo: AtlassianLogo,
|
|
name: "إضافة مسار التقدم",
|
|
members: [avatar3, avatar2],
|
|
budget: "$3,000",
|
|
progression: 10,
|
|
},
|
|
{
|
|
logo: SlackLogo,
|
|
name: "إصلاح أخطاء النظام الأساسي",
|
|
members: [avatar10, avatar4],
|
|
budget: "غير مضبوط",
|
|
progression: 100,
|
|
},
|
|
{
|
|
logo: SpotifyLogo,
|
|
name: "إطلاق تطبيق الهاتف المحمول الخاص بنا",
|
|
members: [avatar2, avatar3, avatar7, avatar8],
|
|
budget: "$32,000",
|
|
progression: 100,
|
|
},
|
|
{
|
|
logo: JiraLogo,
|
|
name: "أضف صفحة التسعير الجديدة",
|
|
members: [avatar10, avatar3, avatar7, avatar2, avatar8],
|
|
budget: "$400",
|
|
progression: 25,
|
|
},
|
|
{
|
|
logo: InvisionLogo,
|
|
name: "إعادة تصميم متجر جديد على الإنترنت",
|
|
members: [avatar9, avatar3, avatar2],
|
|
budget: "$7,600",
|
|
progression: 40,
|
|
},
|
|
];
|
|
|
|
export const rtlTimelineData = [
|
|
{
|
|
logo: Bell,
|
|
title: "$2400, تغييرات في التصميم",
|
|
date: "22 DEC 7:20 PM",
|
|
color: "blue.500",
|
|
},
|
|
{
|
|
logo: Code,
|
|
title: "طلب جديد #4219423",
|
|
date: "21 DEC 11:21 PM",
|
|
color: "orange",
|
|
},
|
|
{
|
|
logo: ShoppingCart,
|
|
title: "مدفوعات الخادم لشهر أبريل",
|
|
date: "21 DEC 9:28 PM",
|
|
color: "blue.400",
|
|
},
|
|
{
|
|
logo: CreditCard,
|
|
title: "تمت إضافة بطاقة جديدة للطلب #3210145",
|
|
date: "20 DEC 3:52 PM",
|
|
color: "orange.300",
|
|
},
|
|
{
|
|
logo: Box,
|
|
title: "فتح الحزم من أجل التنمية",
|
|
date: "19 DEC 11:35 PM",
|
|
color: "purple",
|
|
},
|
|
{
|
|
logo: AdobexdLogo,
|
|
title: "طلب جديد #9851258",
|
|
date: "18 DEC 4:41 PM",
|
|
},
|
|
];
|
|
|
|
export const tablesTableData = [
|
|
{
|
|
logo: avatar1,
|
|
name: "Esthera Jackson",
|
|
email: "alexa@simmmple.com",
|
|
subdomain: "Manager",
|
|
domain: "Organization",
|
|
status: "Online",
|
|
date: "14/06/21",
|
|
},
|
|
{
|
|
logo: avatar2,
|
|
name: "Alexa Liras",
|
|
email: "laurent@simmmple.com",
|
|
subdomain: "Programmer",
|
|
domain: "Developer",
|
|
status: "Offline",
|
|
date: "12/05/21",
|
|
},
|
|
{
|
|
logo: avatar3,
|
|
name: "Laurent Michael",
|
|
email: "laurent@simmmple.com",
|
|
subdomain: "Executive",
|
|
domain: "Projects",
|
|
status: "Online",
|
|
date: "07/06/21",
|
|
},
|
|
{
|
|
logo: avatar4,
|
|
name: "Freduardo Hill",
|
|
email: "freduardo@simmmple.com",
|
|
subdomain: "Manager",
|
|
domain: "Organization",
|
|
status: "Online",
|
|
date: "14/11/21",
|
|
},
|
|
{
|
|
logo: avatar5,
|
|
name: "Daniel Thomas",
|
|
email: "daniel@simmmple.com",
|
|
subdomain: "Programmer",
|
|
domain: "Developer",
|
|
status: "Offline",
|
|
date: "21/01/21",
|
|
},
|
|
{
|
|
logo: avatar7,
|
|
name: "Mark Wilson",
|
|
email: "mark@simmmple.com",
|
|
subdomain: "Designer",
|
|
domain: "UI/UX Design",
|
|
status: "Offline",
|
|
date: "04/09/20",
|
|
},
|
|
];
|
|
|
|
export const tablesProjectData = [
|
|
{
|
|
logo: AdobexdLogo,
|
|
name: "Argon UI Version",
|
|
budget: "$14,000",
|
|
status: "Working",
|
|
progression: 60,
|
|
},
|
|
{
|
|
logo: AtlassianLogo,
|
|
name: "Add Progress Track",
|
|
budget: "$3,000",
|
|
status: "Canceled",
|
|
progression: 10,
|
|
},
|
|
{
|
|
logo: SlackLogo,
|
|
name: "Fix Platform Errors",
|
|
budget: "Not set",
|
|
status: "Done",
|
|
progression: 100,
|
|
},
|
|
{
|
|
logo: SpotifyLogo,
|
|
name: "Launch our Mobile App",
|
|
budget: "$32,000",
|
|
status: "Done",
|
|
progression: 100,
|
|
},
|
|
{
|
|
logo: JiraLogo,
|
|
name: "Add the New Pricing Page",
|
|
budget: "$400",
|
|
status: "Working",
|
|
progression: 25,
|
|
},
|
|
];
|
|
|
|
export const invoicesData = [
|
|
{
|
|
date: "March, 01, 2020",
|
|
code: "#MS-415646",
|
|
price: "$180",
|
|
logo: FileText,
|
|
format: "PDF",
|
|
},
|
|
{
|
|
date: "February, 10, 2020",
|
|
code: "#RV-126749",
|
|
price: "$250",
|
|
logo: FileText,
|
|
format: "PDF",
|
|
},
|
|
{
|
|
date: "April, 05, 2020",
|
|
code: "#FB-212562",
|
|
price: "$560",
|
|
logo: FileText,
|
|
format: "PDF",
|
|
},
|
|
{
|
|
date: "June, 25, 2019",
|
|
code: "#QW-103578",
|
|
price: "$120",
|
|
logo: FileText,
|
|
format: "PDF",
|
|
},
|
|
{
|
|
date: "March, 01, 2019",
|
|
code: "#AR-803481",
|
|
price: "$300",
|
|
logo: FileText,
|
|
format: "PDF",
|
|
},
|
|
];
|
|
|
|
export const billingData = [
|
|
{
|
|
name: "Oliver Liam",
|
|
company: "Viking Burrito",
|
|
email: "oliver@burrito.com",
|
|
number: "FRB1235476",
|
|
},
|
|
{
|
|
name: "Lucas Harper",
|
|
company: "Stone Tech Zone",
|
|
email: "lucas@stone-tech.com",
|
|
number: "FRB1235476",
|
|
},
|
|
{
|
|
name: "Ethan James",
|
|
company: "Fiber Notion",
|
|
email: "ethan@fiber.com",
|
|
number: "FRB1235476",
|
|
},
|
|
];
|
|
|
|
export const newestTransactions = [
|
|
{
|
|
name: "Netflix",
|
|
date: "27 March 2022, at 12:30 PM",
|
|
price: "- $2,500",
|
|
logo: ArrowDown,
|
|
},
|
|
{
|
|
name: "Apple",
|
|
date: "27 March 2022, at 12:30 PM",
|
|
price: "+ $2,500",
|
|
logo: ArrowUp,
|
|
},
|
|
];
|
|
|
|
export const olderTransactions = [
|
|
{
|
|
name: "Stripe",
|
|
date: "26 March 2022, at 13:45 PM",
|
|
price: "+ $800",
|
|
logo: ArrowUp,
|
|
},
|
|
{
|
|
name: "HubSpot",
|
|
date: "26 March 2022, at 12:30 PM",
|
|
price: "+ $1,700",
|
|
logo: ArrowUp,
|
|
},
|
|
{
|
|
name: "Webflow",
|
|
date: "26 March 2022, at 05:00 PM",
|
|
price: "Pending",
|
|
logo: AlertCircle,
|
|
},
|
|
{
|
|
name: "Microsoft",
|
|
date: "25 March 2022, at 16:30 PM",
|
|
price: "- $987",
|
|
logo: ArrowDown,
|
|
},
|
|
];
|
|
|
|
export const transactionsCRM = [
|
|
{
|
|
name: "Netflix",
|
|
date: "26 March 2022, at 13:45 PM",
|
|
price: "- $2500",
|
|
logo: ArrowDown,
|
|
},
|
|
{
|
|
name: "Apple",
|
|
date: "26 March 2022, at 12:30 PM",
|
|
price: "+ $2500",
|
|
logo: ArrowUp,
|
|
},
|
|
{
|
|
name: "Stripe",
|
|
date: "26 March 2022, at 05:00 PM",
|
|
price: "+ $9900",
|
|
logo: ArrowUp,
|
|
},
|
|
];
|
|
|
|
export const revenueCRM = [
|
|
{
|
|
name: "via Paypal",
|
|
date: "27 March 2022, at 12:30 PM",
|
|
price: "+ $8700",
|
|
logo: ArrowUp,
|
|
},
|
|
{
|
|
name: "Partner #01424",
|
|
date: "27 March 2022, at 12:30 PM",
|
|
price: "+ $12000",
|
|
logo: ArrowUp,
|
|
},
|
|
{
|
|
name: "Services",
|
|
date: "26 March 2022, at 10:10 PM",
|
|
price: "- $1900",
|
|
logo: ArrowDown,
|
|
},
|
|
];
|
|
|
|
export const tablesReportsData = [
|
|
{
|
|
image: avatar4,
|
|
domain: "Manager",
|
|
name: "Esthera Jackson",
|
|
review: "Positive",
|
|
email: "esthera@simmmple.com",
|
|
employed: "14/06/21",
|
|
id: 42312,
|
|
},
|
|
{
|
|
image: avatar1,
|
|
domain: "Programmer",
|
|
name: "Alexa Liras",
|
|
review: "Positive",
|
|
email: "alexa@simmmple.com",
|
|
employed: "14/06/21",
|
|
id: 93201,
|
|
},
|
|
{
|
|
image: avatar5,
|
|
domain: "Executive",
|
|
name: "Laurent Michael",
|
|
review: "Neutral",
|
|
email: "laurent@simmmple.com",
|
|
employed: "14/06/21",
|
|
id: 84120,
|
|
},
|
|
{
|
|
image: avatar4,
|
|
domain: "Manager",
|
|
name: "Freduardo Hill",
|
|
review: "Positive",
|
|
email: "freduardo@simmmple.com",
|
|
employed: "14/06/21",
|
|
id: 42314,
|
|
},
|
|
{
|
|
image: avatar7,
|
|
domain: "Programmer",
|
|
name: "Daniel Thomas",
|
|
review: "Negative",
|
|
email: "daniel@simmmple.com",
|
|
employed: "14/06/21",
|
|
id: 75642,
|
|
},
|
|
{
|
|
image: avatar8,
|
|
domain: "Designer",
|
|
name: "Mark Wilson",
|
|
review: "Positive",
|
|
email: "mark@simmmple.com",
|
|
employed: "14/06/21",
|
|
id: 78583,
|
|
},
|
|
];
|
|
|
|
export const rooms = [
|
|
{ name: "Living Room", color: "#F687B3", percentage: 15 },
|
|
{ name: "Kitchen", color: "#76E4F7", percentage: 18 },
|
|
{ name: "Attic", color: "#3182CE", percentage: 23 },
|
|
{ name: "Garage", color: "#3182CE", percentage: 35 },
|
|
{ name: "Basement", color: "#F6AD55", percentage: 14 },
|
|
];
|
|
|
|
export const pageVisits = [
|
|
{
|
|
pageName: "/argon/",
|
|
visitors: "4,569",
|
|
uniqueUsers: 340,
|
|
bounceRate: "46,53%",
|
|
},
|
|
{
|
|
pageName: "/argon/index.html",
|
|
visitors: "3,985",
|
|
uniqueUsers: 319,
|
|
bounceRate: "46,53%",
|
|
},
|
|
{
|
|
pageName: "/argon/charts.html",
|
|
visitors: "3,513",
|
|
uniqueUsers: 294,
|
|
bounceRate: "36,49%",
|
|
},
|
|
{
|
|
pageName: "/argon/tables.html",
|
|
visitors: "2,050",
|
|
uniqueUsers: 147,
|
|
bounceRate: "50,87%",
|
|
},
|
|
{
|
|
pageName: "/argon/profile.html",
|
|
visitors: "1,795",
|
|
uniqueUsers: 190,
|
|
bounceRate: "46,53%",
|
|
},
|
|
];
|
|
|
|
export const socialTraffic = [
|
|
{
|
|
referral: "Facebook",
|
|
visitors: "1,480",
|
|
percentage: 60,
|
|
color: "orange",
|
|
},
|
|
{
|
|
referral: "Facebook",
|
|
visitors: "5,480",
|
|
percentage: 70,
|
|
color: "orange",
|
|
},
|
|
{
|
|
referral: "Google",
|
|
visitors: "4,807",
|
|
percentage: 80,
|
|
color: "cyan",
|
|
},
|
|
{
|
|
referral: "Instagram",
|
|
visitors: "3,678",
|
|
percentage: 75,
|
|
color: "cyan",
|
|
},
|
|
{
|
|
referral: "Twitter",
|
|
visitors: "2,645",
|
|
percentage: 30,
|
|
color: "orange",
|
|
},
|
|
];
|