Last active
October 30, 2025 12:17
-
-
Save codigoconjuan/426c1362d54aa604b0c8e8f3f7a0a2c4 to your computer and use it in GitHub Desktop.
Gist para Proyectos
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Fragment } from 'react' | |
| import { Menu, Transition } from '@headlessui/react' | |
| import { EllipsisVerticalIcon } from '@heroicons/react/20/solid' | |
| <ul role="list" className="divide-y divide-gray-100 border border-gray-100 mt-10 bg-white shadow-lg"> | |
| {data.map((project) => ( | |
| <li key={project._id} className="flex justify-between gap-x-6 px-5 py-10"> | |
| <div className="flex min-w-0 gap-x-4"> | |
| <div className="min-w-0 flex-auto space-y-2"> | |
| <Link to={``} | |
| className="text-gray-600 cursor-pointer hover:underline text-3xl font-bold" | |
| >{project.projectName}</Link> | |
| <p className="text-sm text-gray-400"> | |
| Cliente: {project.clientName} | |
| </p> | |
| <p className="text-sm text-gray-400"> | |
| {project.description} | |
| </p> | |
| </div> | |
| </div> | |
| <div className="flex shrink-0 items-center gap-x-6"> | |
| <Menu as="div" className="relative flex-none"> | |
| <Menu.Button className="-m-2.5 block p-2.5 text-gray-500 hover:text-gray-900"> | |
| <span className="sr-only">opciones</span> | |
| <EllipsisVerticalIcon className="h-9 w-9" aria-hidden="true" /> | |
| </Menu.Button> | |
| <Transition as={Fragment} enter="transition ease-out duration-100" | |
| enterFrom="transform opacity-0 scale-95" enterTo="transform opacity-100 scale-100" | |
| leave="transition ease-in duration-75" leaveFrom="transform opacity-100 scale-100" | |
| leaveTo="transform opacity-0 scale-95"> | |
| <Menu.Items | |
| className="absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" | |
| > | |
| <Menu.Item> | |
| <Link to={``} | |
| className='block px-3 py-1 text-sm leading-6 text-gray-900'> | |
| Ver Proyecto | |
| </Link> | |
| </Menu.Item> | |
| <Menu.Item> | |
| <Link to={``} | |
| className='block px-3 py-1 text-sm leading-6 text-gray-900'> | |
| Editar Proyecto | |
| </Link> | |
| </Menu.Item> | |
| <Menu.Item> | |
| <button | |
| type='button' | |
| className='block px-3 py-1 text-sm leading-6 text-red-500' | |
| onClick={() => {} } | |
| > | |
| Eliminar Proyecto | |
| </button> | |
| </Menu.Item> | |
| </Menu.Items> | |
| </Transition> | |
| </Menu> | |
| </div> | |
| </li> | |
| ))} | |
| </ul> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@Nico235711 Gracias por el código actualizado bro