From 3279afcc56a7f52aa9bb58822df652bc6ddd7bae Mon Sep 17 00:00:00 2001
From: Telkens <stivenmg77@gmail.com>
Date: Tue, 28 Nov 2023 15:46:44 -0500
Subject: [PATCH] Delete unsave and non-existent imports, and change to Spanish
 language the personal information form

---
 src/app/dashboardUser/Maps/page.tsx           | 20 ------
 src/app/dashboardUser/Settings/page.tsx       | 10 +--
 src/app/dashboardUser/Tables/page.tsx         | 20 ------
 src/app/dashboardUser/layout.tsx              | 11 +--
 src/app/dashboardUser/page.tsx                | 14 ++--
 .../componetsDashboard/Cards/CardSettings.jsx | 64 ++++++-----------
 .../componetsDashboard/Headers/HeaderStats.js | 70 -------------------
 .../componetsDashboard/Navbars/AdminNavbar.js |  2 +-
 .../componetsDashboard/Sidebar/Sidebar.js     | 51 +++++++-------
 9 files changed, 57 insertions(+), 205 deletions(-)
 delete mode 100644 src/app/dashboardUser/Maps/page.tsx
 delete mode 100644 src/app/dashboardUser/Tables/page.tsx
 delete mode 100644 src/components/componetsDashboard/Headers/HeaderStats.js

diff --git a/src/app/dashboardUser/Maps/page.tsx b/src/app/dashboardUser/Maps/page.tsx
deleted file mode 100644
index eec2852..0000000
--- a/src/app/dashboardUser/Maps/page.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import '~/assets/styles/tailwind.css';
-
-// components
-
-import MapExample from "~/components/componetsDashboard/Maps/MapExample";
-
-export default function Maps() {
-  return (
-    <>
-      <div className="flex flex-wrap">
-        <div className="w-full px-4">
-          <div className="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded">
-            <MapExample />
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/src/app/dashboardUser/Settings/page.tsx b/src/app/dashboardUser/Settings/page.tsx
index 24aa6c2..1a1c8bc 100644
--- a/src/app/dashboardUser/Settings/page.tsx
+++ b/src/app/dashboardUser/Settings/page.tsx
@@ -1,22 +1,18 @@
-"use client"
+'use client'
 import React from 'react';
 import '~/assets/styles/tailwind.css';
 
 // components
 
-import CardSettings from "~/components/componetsDashboard/Cards/CardSettings" ;
-import CardProfile from "~/components/componetsDashboard/Cards/CardProfile";
+import CardSettings from '~/components/componetsDashboard/Cards/CardSettings' ;
 
 export default function Settings() {
   return (
     <>
       <div className="flex flex-wrap">
-        <div className="w-full lg:w-8/12 px-4">
+        <div className="w-full px-4">
           <CardSettings />
         </div>
-        <div className="w-full lg:w-4/12 px-4">
-          <CardProfile />
-        </div>
       </div>
     </>
   );
diff --git a/src/app/dashboardUser/Tables/page.tsx b/src/app/dashboardUser/Tables/page.tsx
deleted file mode 100644
index 75e1385..0000000
--- a/src/app/dashboardUser/Tables/page.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-// components
-
-import CardTable from '~/components/componetsDashboard/Cards/CardTable';
-
-export default function Tables() {
-  return (
-    <>
-      <div className="flex flex-wrap mt-4">
-        <div className="w-full mb-12 px-4">
-          <CardTable />
-        </div>
-        <div className="w-full mb-12 px-4">
-          <CardTable color="dark" />
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/src/app/dashboardUser/layout.tsx b/src/app/dashboardUser/layout.tsx
index a4d6e26..a9e89ec 100644
--- a/src/app/dashboardUser/layout.tsx
+++ b/src/app/dashboardUser/layout.tsx
@@ -4,9 +4,7 @@ import '~/assets/styles/tailwind.css';
 
 // components
 
-import AdminNavbar from '~/components/componetsDashboard/Navbars/AdminNavbar.js';
 import Sidebar from '~/components/componetsDashboard//Sidebar/Sidebar.js';
-import HeaderStats from '~/components/componetsDashboard//Headers/HeaderStats.js';
 import FooterAdmin from '~/components/componetsDashboard//Footers/FooterAdmin.js';
 
 // views
@@ -24,12 +22,9 @@ export default function Admin({ children }: AdminProps) {
   return (
     <>
       <Sidebar />
-      <div className="relative md:ml-64 bg-blueGray-100">
-        <AdminNavbar />
-        {/* Header */}
-        <HeaderStats />
-              <div className="px-4 md:px-10 mx-auto w-full -m-24">
-           {children}
+      <div className="md:ml-64 bg-blueGray-100 min-h-screen">
+        <div className="min-h-screen p-4 md:p-10 mx-auto w-full flex flex-col justify-around">
+          {children}
           {/* <Switch>
             <Route path="/admin/dashboard" exact component={Dashboard} />
             <Route path="/admin/maps" exact component={Maps} />
diff --git a/src/app/dashboardUser/page.tsx b/src/app/dashboardUser/page.tsx
index e197240..9bd53a6 100644
--- a/src/app/dashboardUser/page.tsx
+++ b/src/app/dashboardUser/page.tsx
@@ -1,30 +1,24 @@
 import React from 'react';
 import '~/assets/styles/tailwind.css';
 
-// components
-
-import CardLineChart from "~/components/componetsDashboard/Cards/CardLineChart"
-import CardBarChart from '~/components/componetsDashboard/Cards/CardBarChart';
-import CardPageVisits from '~/components/componetsDashboard/Cards/CardPageVisits';
-import CardSocialTraffic from '~/components/componetsDashboard/Cards/CardSocialTraffic';
 
 export default function Dashboard() {
   return (
     <>
       <div className="flex flex-wrap">
         <div className="w-full xl:w-8/12 mb-12 xl:mb-0 px-4">
-          <CardLineChart />
+          
         </div>
         <div className="w-full xl:w-4/12 px-4">
-          <CardBarChart />
+          
         </div>
       </div>
       <div className="flex flex-wrap mt-4">
         <div className="w-full xl:w-8/12 mb-12 xl:mb-0 px-4">
-          <CardPageVisits />
+          
         </div>
         <div className="w-full xl:w-4/12 px-4">
-          <CardSocialTraffic />
+          
         </div>
       </div>
     </>
diff --git a/src/components/componetsDashboard/Cards/CardSettings.jsx b/src/components/componetsDashboard/Cards/CardSettings.jsx
index 4f6eef4..21077af 100644
--- a/src/components/componetsDashboard/Cards/CardSettings.jsx
+++ b/src/components/componetsDashboard/Cards/CardSettings.jsx
@@ -5,22 +5,22 @@ import React from "react";
 export default function CardSettings() {
   return (
     <>
-      <div className="relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-100 border-0">
+      <div className="relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-100">
         <div className="rounded-t bg-white mb-0 px-6 py-6">
           <div className="text-center flex justify-between">
-            <h6 className="text-blueGray-700 text-xl font-bold">My account</h6>
+            <h6 className="text-blueGray-700 text-xl font-bold">Mi cuenta</h6>
             <button
               className="bg-lightBlue-500 text-white active:bg-lightBlue-600 font-bold uppercase text-xs px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150"
               type="button"
             >
-              Settings
+              GUARDAR
             </button>
           </div>
         </div>
         <div className="flex-auto px-4 lg:px-10 py-10 pt-0">
           <form>
             <h6 className="text-blueGray-400 text-sm mt-3 mb-6 font-bold uppercase">
-              User Information
+              Información de usuario
             </h6>
             <div className="flex flex-wrap">
               <div className="w-full lg:w-6/12 px-4">
@@ -29,12 +29,12 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    Username
+                    Nombre de usuario
                   </label>
                   <input
                     type="text"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="lucky.jesse"
+                    placeholder="lucky.jesse"
                   />
                 </div>
               </div>
@@ -44,12 +44,12 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    Email address
+                    Correo electrónico
                   </label>
                   <input
                     type="email"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="jesse@example.com"
+                    placeholder="jesse@example.com"
                   />
                 </div>
               </div>
@@ -59,12 +59,12 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    First Name
+                    Nombre
                   </label>
                   <input
                     type="text"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="Lucky"
+                    placeholder="Lucky"
                   />
                 </div>
               </div>
@@ -74,12 +74,12 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    Last Name
+                    Apellido
                   </label>
                   <input
                     type="text"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="Jesse"
+                    placeholder="Jesse"
                   />
                 </div>
               </div>
@@ -88,7 +88,7 @@ export default function CardSettings() {
             <hr className="mt-6 border-b-1 border-blueGray-300" />
 
             <h6 className="text-blueGray-400 text-sm mt-3 mb-6 font-bold uppercase">
-              Contact Information
+              Información de contacto
             </h6>
             <div className="flex flex-wrap">
               <div className="w-full lg:w-12/12 px-4">
@@ -97,12 +97,12 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    Address
+                    Dirección
                   </label>
                   <input
                     type="text"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09"
+                    placeholder="Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09"
                   />
                 </div>
               </div>
@@ -112,12 +112,12 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    City
+                    Ciudad
                   </label>
                   <input
                     type="email"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="New York"
+                    placeholder="New York"
                   />
                 </div>
               </div>
@@ -127,12 +127,12 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    Country
+                    País
                   </label>
                   <input
                     type="text"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="United States"
+                    placeholder="United States"
                   />
                 </div>
               </div>
@@ -142,40 +142,18 @@ export default function CardSettings() {
                     className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
                     htmlFor="grid-password"
                   >
-                    Postal Code
+                    Código postal
                   </label>
                   <input
                     type="text"
                     className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="Postal Code"
+                    placeholder="Postal Code"
                   />
                 </div>
               </div>
             </div>
 
             <hr className="mt-6 border-b-1 border-blueGray-300" />
-
-            <h6 className="text-blueGray-400 text-sm mt-3 mb-6 font-bold uppercase">
-              About Me
-            </h6>
-            <div className="flex flex-wrap">
-              <div className="w-full lg:w-12/12 px-4">
-                <div className="relative w-full mb-3">
-                  <label
-                    className="block uppercase text-blueGray-600 text-xs font-bold mb-2"
-                    htmlFor="grid-password"
-                  >
-                    About me
-                  </label>
-                  <textarea
-                    type="text"
-                    className="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150"
-                    defaultValue="A beautiful UI Kit and Admin for React & Tailwind CSS. It is Free and Open Source."
-                    rows="4"
-                  ></textarea>
-                </div>
-              </div>
-            </div>
           </form>
         </div>
       </div>
diff --git a/src/components/componetsDashboard/Headers/HeaderStats.js b/src/components/componetsDashboard/Headers/HeaderStats.js
deleted file mode 100644
index aa6a740..0000000
--- a/src/components/componetsDashboard/Headers/HeaderStats.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-
-// components
-
-import CardStats from '~/components/componetsDashboard/Cards/CardStats';
-
-export default function HeaderStats() {
-  return (
-    <>
-      {/* Header */}
-      <div className="relative bg-primary-lm md:pt-32 pb-32 pt-12">
-        <div className="px-4 md:px-10 mx-auto w-full">
-          <div>
-            {/* Card stats */}
-            <div className="flex flex-wrap">
-              <div className="w-full lg:w-6/12 xl:w-3/12 px-4">
-                <CardStats
-                  statSubtitle="TRAFFIC"
-                  statTitle="350,897"
-                  statArrow="up"
-                  statPercent="3.48"
-                  statPercentColor="text-emerald-500"
-                  statDescripiron="Since last month"
-                  statIconName="far fa-chart-bar"
-                  statIconColor="bg-red-500"
-                />
-              </div>
-              <div className="w-full lg:w-6/12 xl:w-3/12 px-4">
-                <CardStats
-                  statSubtitle="NEW USERS"
-                  statTitle="2,356"
-                  statArrow="down"
-                  statPercent="3.48"
-                  statPercentColor="text-red-500"
-                  statDescripiron="Since last week"
-                  statIconName="fas fa-chart-pie"
-                  statIconColor="bg-orange-500"
-                />
-              </div>
-              <div className="w-full lg:w-6/12 xl:w-3/12 px-4">
-                <CardStats
-                  statSubtitle="SALES"
-                  statTitle="924"
-                  statArrow="down"
-                  statPercent="1.10"
-                  statPercentColor="text-orange-500"
-                  statDescripiron="Since yesterday"
-                  statIconName="fas fa-users"
-                  statIconColor="bg-pink-500"
-                />
-              </div>
-              <div className="w-full lg:w-6/12 xl:w-3/12 px-4">
-                <CardStats
-                  statSubtitle="PERFORMANCE"
-                  statTitle="49,65%"
-                  statArrow="up"
-                  statPercent="12"
-                  statPercentColor="text-emerald-500"
-                  statDescripiron="Since last month"
-                  statIconName="fas fa-percent"
-                  statIconColor="bg-lightBlue-500"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/src/components/componetsDashboard/Navbars/AdminNavbar.js b/src/components/componetsDashboard/Navbars/AdminNavbar.js
index 6ad5c0f..4574b5d 100644
--- a/src/components/componetsDashboard/Navbars/AdminNavbar.js
+++ b/src/components/componetsDashboard/Navbars/AdminNavbar.js
@@ -7,7 +7,7 @@ export default function Navbar() {
   return (
     <>
       {/* Navbar */}
-      <nav className="absolute top-0 left-0 w-full z-10 bg-transparent md:flex-row md:flex-nowrap md:justify-start flex items-center p-4">
+      <nav className="absolute top-0 left-0 w-full z-10 bg-transparent md:flex-row md:flex-nowrap md:justify-start flex items-center p-4 border border-primary-lm">
         <div className="w-full mx-autp items-center flex justify-between md:flex-nowrap flex-wrap md:px-10 px-4">
           {/* Brand */}
           <a
diff --git a/src/components/componetsDashboard/Sidebar/Sidebar.js b/src/components/componetsDashboard/Sidebar/Sidebar.js
index 9686d4a..d984b6d 100644
--- a/src/components/componetsDashboard/Sidebar/Sidebar.js
+++ b/src/components/componetsDashboard/Sidebar/Sidebar.js
@@ -7,8 +7,6 @@ import { useAuth } from '~/context/AuthContext';
 
 import NotificationDropdown from '~/components/componetsDashboard/Dropdowns/NotificationDropdown.js';
 import UserDropdown from '~/components/componetsDashboard/Dropdowns/UserDropdown.js';
-import { Images } from '~/assets/img';
-import Image from 'next/image';
 
 import { Images } from '~/assets/img';
 import { redirect } from 'next/navigation';
@@ -16,17 +14,17 @@ import { redirect } from 'next/navigation';
 export default function Sidebar() {
   const [collapseShow, setCollapseShow] = React.useState('hidden');
   const { user, logout } = useAuth();
-  
-const handleLogout = (e) => {
-  // e.preventDefault();
-  try {
-    logout();
-  } catch (error) {
-    console.log(error);
-  }
+
+  const handleLogout = (e) => {
+    // e.preventDefault();
+    try {
+      logout();
+    } catch (error) {
+      console.log(error);
+    }
   };
-  
- !user? redirect('/') : null;
+
+  !user ? redirect('/') : null;
 
   return (
     <>
@@ -117,7 +115,7 @@ const handleLogout = (e) => {
             <hr className="my-4 md:min-w-full" />
             {/* Heading */}
             <h6 className="md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline">
-              Paginas
+              Dashboard
             </h6>
             {/* Navigation */}
 
@@ -140,7 +138,7 @@ const handleLogout = (e) => {
                         : 'text-blueGray-300')
                     }
                   ></i>{' '}
-                  Dashboard
+                  Pedidos y ayuda
                 </Link>
               </li>
 
@@ -149,7 +147,7 @@ const handleLogout = (e) => {
                   className={
                     'text-xs uppercase py-3 font-bold block ' +
                     (window.location.href.indexOf('/dashboardUser/settings') !==
-                      -1
+                    -1
                       ? 'text-lightBlue-500 hover:text-lightBlue-600'
                       : 'text-blueGray-700 hover:text-blueGray-500')
                   }
@@ -165,7 +163,7 @@ const handleLogout = (e) => {
                         : 'text-blueGray-300')
                     }
                   ></i>{' '}
-                  Settings
+                  Datos personales
                 </Link>
               </li>
 
@@ -173,22 +171,23 @@ const handleLogout = (e) => {
                 <Link
                   className={
                     'text-xs uppercase py-3 font-bold block ' +
-                    (window.location.href.indexOf('/admin/tables') !== -1
+                    (window.location.href.indexOf('/admin/direcciones') !== -1
                       ? 'text-lightBlue-500 hover:text-lightBlue-600'
                       : 'text-blueGray-700 hover:text-blueGray-500')
                   }
-                  href="/dashboardUser/Tables"
+                  href="/dashboardUser/Direcciones"
                 >
                   <i
                     className={
                       'fas fa-table mr-2 text-sm ' +
-                      (window.location.href.indexOf('/dashboardUser/Tables') !==
-                        -1
+                      (window.location.href.indexOf(
+                        '/dashboardUser/Direcciones'
+                      ) !== -1
                         ? 'opacity-75'
                         : 'text-blueGray-300')
                     }
                   ></i>{' '}
-                  Tables
+                  Direcciones
                 </Link>
               </li>
 
@@ -196,22 +195,22 @@ const handleLogout = (e) => {
                 <Link
                   className={
                     'text-xs uppercase py-3 font-bold block ' +
-                    (window.location.href.indexOf('/admin/maps') !== -1
+                    (window.location.href.indexOf('/admin/favoritos') !== -1
                       ? 'text-lightBlue-500 hover:text-lightBlue-600'
                       : 'text-blueGray-700 hover:text-blueGray-500')
                   }
-                  href="/dashboardUser/Maps"
+                  href="/dashboardUser/Favoritos"
                 >
                   <i
                     className={
                       'fas fa-map-marked mr-2 text-sm ' +
-                      (window.location.href.indexOf('/dashboardUser/Maps') !==
-                        -1
+                      (window.location.href.indexOf('/dashboardUser/Favoritos') !==
+                      -1
                         ? 'opacity-75'
                         : 'text-blueGray-300')
                     }
                   ></i>{' '}
-                  Maps
+                  Favoritos
                 </Link>
               </li>
             </ul>