♻ Move project source files to top level from src, update Sentry dependency (#630)

Co-authored-by: Sebastián Ramírez <tiangolo@gmail.com>

new-frontend/src/components/Common/ActionsMenu.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+
+import { Button, Menu, MenuButton, MenuItem, MenuList, useDisclosure } from '@chakra-ui/react';
+import { BsThreeDotsVertical } from 'react-icons/bs';
+import { FiEdit, FiTrash } from 'react-icons/fi';
+
+import EditUser from '../Admin/EditUser';
+import EditItem from '../Items/EditItem';
+import Delete from './DeleteAlert';
+
+
+interface ActionsMenuProps {
+    type: string;
+    id: number;
+    disabled?: boolean;
+}
+
+const ActionsMenu: React.FC<ActionsMenuProps> = ({ type, id, disabled }) => {
+    const editUserModal = useDisclosure();
+    const deleteModal = useDisclosure();
+
+    return (
+        <>
+            <Menu>
+                <MenuButton isDisabled={disabled} as={Button} rightIcon={<BsThreeDotsVertical />} variant='unstyled'>
+                </MenuButton>
+                <MenuList>
+                    <MenuItem onClick={editUserModal.onOpen} icon={<FiEdit fontSize='16px' />}>Edit {type}</MenuItem>
+                    <MenuItem onClick={deleteModal.onOpen} icon={<FiTrash fontSize='16px' />} color='ui.danger'>Delete {type}</MenuItem>
+                </MenuList>
+                {
+                    type === 'User' ? <EditUser user_id={id} isOpen={editUserModal.isOpen} onClose={editUserModal.onClose} />
+                        : <EditItem id={id} isOpen={editUserModal.isOpen} onClose={editUserModal.onClose} />
+                }
+                <Delete type={type} id={id} isOpen={deleteModal.isOpen} onClose={deleteModal.onClose} />
+            </Menu>
+        </>
+    );
+};
+
+export default ActionsMenu;