+
- {routes.map(
+ {routes[language].map(
({ layout, pages }) =>
layout === "dashboard" &&
pages.map(({ path, element }) => (
diff --git a/src/main.jsx b/src/main.jsx
index 26c7fe48..bce5e25b 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,29 +1,34 @@
/**
=========================================================
-* Material Tailwind Dashboard React - v2.0.0
+* Material Tailwind Dashboard React - v2.1.0
=========================================================
* Product Page: https://www.creative-tim.com/product/material-tailwind-dashboard-react
-* Copyright 2022 Creative Tim (https://www.creative-tim.com)
+* Copyright 2023 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/material-tailwind-dashboard-react/blob/main/LICENSE.md)
* Coded by Creative Tim
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
-import React from "react";
+import React, { Suspense } from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { BrowserRouter } from "react-router-dom";
import { ThemeProvider } from "@material-tailwind/react";
-import { MaterialTailwindControllerProvider } from "@/context";
+import { LanguageProvider, MaterialTailwindControllerProvider } from "@/context";
import "../public/css/tailwind.css";
+
ReactDOM.createRoot(document.getElementById("root")).render(
-
-
+
+
+
+
+
+
diff --git a/src/pages/auth/sign-in.jsx b/src/pages/auth/sign-in.jsx
index 3afe70f3..3b3da41a 100644
--- a/src/pages/auth/sign-in.jsx
+++ b/src/pages/auth/sign-in.jsx
@@ -1,62 +1,125 @@
-import { Link } from "react-router-dom";
import {
Card,
- CardHeader,
- CardBody,
- CardFooter,
Input,
Checkbox,
Button,
Typography,
} from "@material-tailwind/react";
+import { Link } from "react-router-dom";
+
export function SignIn() {
return (
- <>
- 
-
-
-
-
-
-
-
- Sign In
+
+
);
}
diff --git a/src/pages/auth/sign-up.jsx b/src/pages/auth/sign-up.jsx
index 916fd296..5f040d04 100644
--- a/src/pages/auth/sign-up.jsx
+++ b/src/pages/auth/sign-up.jsx
@@ -1,63 +1,93 @@
-import { Link } from "react-router-dom";
import {
Card,
- CardHeader,
- CardBody,
- CardFooter,
Input,
Checkbox,
Button,
Typography,
} from "@material-tailwind/react";
+import { Link } from "react-router-dom";
+
export function SignUp() {
return (
- <>
-
-
-
+
+
+ Sign In
+ Enter your email and password to Sign In.
+
+
+
+
+ 
-
+
+
-
-
-
-
-
- Sign Up
+
+
);
}
diff --git a/src/pages/dashboard/home.jsx b/src/pages/dashboard/home.jsx
index 73d74b55..2f653a35 100644
--- a/src/pages/dashboard/home.jsx
+++ b/src/pages/dashboard/home.jsx
@@ -14,25 +14,21 @@ import {
Progress,
} from "@material-tailwind/react";
import {
- ClockIcon,
- CheckIcon,
EllipsisVerticalIcon,
ArrowUpIcon,
} from "@heroicons/react/24/outline";
import { StatisticsCard } from "@/widgets/cards";
import { StatisticsChart } from "@/widgets/charts";
-import {
- statisticsCardsData,
- statisticsChartsData,
- projectsTableData,
- ordersOverviewData,
-} from "@/data";
+import { CheckCircleIcon, ClockIcon } from "@heroicons/react/24/solid";
+import { useLanguage } from "@/context";
export function Home() {
+ const { languageData, documentDirection } = useLanguage();
+
return (
+
+
+
+
+
-
+
+ Join Us Today
+ Enter your email and password to register.
+
+
+
- {statisticsCardsData.map(({ icon, title, footer, ...rest }) => (
+ {languageData.statisticsCardsData.map(({ icon, title, footer, ...rest }) => (
- {statisticsChartsData.map((props) => (
+ {languageData.statisticsChartsData.map((props) => (
-
-
+
- Projects
+ {languageData.layoutData.homePage.projectsHeader}
-
@@ -107,11 +107,12 @@ export function Home() {
-
+
- Orders Overview
+ {languageData.layoutData.homePage.ordersOverviewHeader}
- {ordersOverviewData.map(
+ {languageData.ordersOverviewData.map(
({ icon, color, title, description }, key) => (
|
|
|---|
@@ -33,19 +37,16 @@ export function Notifications() {
className="m-0 p-4"
>
- Alerts
+ {alertsTitle}
{alerts.map((color) => (
- setShowAlerts((current) => ({ ...current, [color]: false })),
- }}
+ onClose={() => setShowAlerts((current) => ({ ...current, [color]: false }))}
>
A simple {color} alert with an example link. Give
it a click if you like.
@@ -61,25 +62,22 @@ export function Notifications() {
className="m-0 p-4"
>
- Alerts with Icon
+ {alertsIconTitle}
{alerts.map((color) => (
-
+
+
-
+
-
+
- Richard Davis
+ {languageData.layoutData.profilePage.profileName}
- CEO / Co-Founder
+ {languageData.layoutData.profilePage.profileSkill}
-
-
-
-
-
-
+ {languageData.layoutData.profilePage.tabs.map(
+ ({ value, icon: Icon, label, className }) => (
+
+
+ ))}
@@ -72,10 +67,10 @@ export function Profile() {
- Platform Settings
+ {languageData.layoutData.profilePage.platformSettings.title}
-
-
-
-
- ),
- }}
+ title={title}
+ description={description}
+ details={details}
action={
-
+
}
/>
- Platform Settings
+ {languageData.layoutData.profilePage.platformSettings.title}
- Projects
+ {languageData.layoutData.profilePage.projects.title}
- Architects design houses
+ {languageData.layoutData.profilePage.projects.subtitle}
- {platformSettingsData.map(({ title, options }) => (
+ {languageData.platformSettingsData.map(({ title, options }) => (
{title}
@@ -88,7 +83,7 @@ export function Profile() {
label={label}
defaultChecked={checked}
labelProps={{
- className: "text-sm font-normal text-blue-gray-500",
+ className: `text-sm ${documentDirection === "rtl" && 'ps-2'} font-normal text-blue-gray-500`,
}}
/>
))}
@@ -98,39 +93,27 @@ export function Profile() {
-
- {conversationsData.map((props) => (
+ {languageData.conversationsData.map((props) => (
- {projectsData.map(
+ {languageData.projectsData.map(
({ img, title, description, tag, route, members }) => (
diff --git a/src/pages/dashboard/tables.jsx b/src/pages/dashboard/tables.jsx
index 8c5b1570..44b840a7 100644
--- a/src/pages/dashboard/tables.jsx
+++ b/src/pages/dashboard/tables.jsx
@@ -9,25 +9,30 @@ import {
Progress,
} from "@material-tailwind/react";
import { EllipsisVerticalIcon } from "@heroicons/react/24/outline";
-import { authorsTableData, projectsTableData } from "@/data";
+import { authorsTableData, projectsTableData } from "@/data/english";
+import { useLanguage } from "@/context";
export function Tables() {
+ const { languageData, documentDirection } = useLanguage();
+ const { title, tableHeaders, action } = languageData.layoutData.tablesPage.authorsTable;
+ const { title: projectsTableTitle, tableHeaders:projectsTableHeaders } = languageData.layoutData.tablesPage.projectsTable;
return (
-
+
- Authors Table
+ {title}
|
| |
|---|---|
|
- |
@@ -94,7 +99,7 @@ export function Tables() { href="#" className="text-xs font-semibold text-blue-gray-600" > - Edit + {action} |