From 8040a87759746c81694d2cbd1fb82039eb0e68f0 Mon Sep 17 00:00:00 2001
From: HombreLaser <sebastian-440@live.com>
Date: Sat, 6 May 2023 00:02:56 -0600
Subject: Agregado dropdown menu de autenticación
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/user_account_dropdown_menu.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/user_account_dropdown_menu.tsx

(limited to 'src/components/user_account_dropdown_menu.tsx')

diff --git a/src/components/user_account_dropdown_menu.tsx b/src/components/user_account_dropdown_menu.tsx
new file mode 100644
index 0000000..fac1693
--- /dev/null
+++ b/src/components/user_account_dropdown_menu.tsx
@@ -0,0 +1,22 @@
+import { PersonFill, DoorOpenFill, CardList } from "react-bootstrap-icons";
+
+export default function UserAccountDropdownMenu() {
+  return(
+    <div id="userAccountDropdownMenu" className="hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
+      <ul className="relative py-2 text-sm text-gray-700 dark:text-gray-200">
+        <li className="flex">
+          <i className="px-1 my-2"><PersonFill size={16} color="#394490"/></i>
+          <a href="#" className="block px-2 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Cuenta</a>
+        </li>
+        <li className="flex">
+          <i className="px-1 my-2"><CardList size={16} color="#394490"/></i>
+          <a href="#" className="block px-2 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Historial de pedidos</a>
+        </li>
+      </ul>
+      <div className="flex py-2">
+       <i className="px-1 my-2"><DoorOpenFill size={16} color="#394490"/></i> 
+        <a href="#" className="flex block px-2 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Cerrar sesión</a>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3

