Agregado dropdown menu de autenticación

1 files changed, 22 insertions, 0 deletions

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