[WIP] New User Fields

packages/admin/src/pages/users/Form/AboutForm.js

@@ -1,20 +1,20 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import {
-	AutocompleteInput,
 	AutocompleteArrayInput,
-	CheckboxGroupInput,
+	AutocompleteInput,
+	BooleanInput,
 	DateTimeInput,
+	FormDataConsumer,
 	ReferenceInput,
 	required,
 	SelectInput,
 	SimpleForm,
 	TextField,
 	TextInput,
 	useQuery,
-	FormDataConsumer,
 } from 'react-admin';
-import { ReferenceArrayInput, statuses, CityInput } from '../../../components';
+import { CityInput, statuses } from '../../../components';
 
 const AboutForm = ({ record, save, resource }) => {
 	record.role = record?.role_id;
@@ -119,10 +119,7 @@ const AboutForm = ({ record, save, resource }) => {
 			<ReferenceInput source="role" reference="roles" validate={[required()]} fullWidth>
 				<SelectInput optionText="role" />
 			</ReferenceInput>
-
-			<ReferenceArrayInput source="permissions" reference="permissions">
-				<CheckboxGroupInput optionText="description" />
-			</ReferenceArrayInput>
+			<BooleanInput label="Incluir no banco de pesquisadores" source="researcher" />
 		</SimpleForm>
 	);
 };

packages/admin/src/pages/users/Form/Permissions.js

@@ -0,0 +1,32 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { CheckboxGroupInput, SimpleForm } from 'react-admin';
+import { ReferenceArrayInput } from '../../../components';
+
+const Permissions = ({ record, save, resource }) => {
+	const permissions = record?.permissions.map((permission) => permission.id);
+	const newRecord = {
+		permissions,
+	};
+	return (
+		<SimpleForm record={newRecord} save={save} resource={resource}>
+			<ReferenceArrayInput source="permissions" reference="permissions">
+				<CheckboxGroupInput optionText="description" row={false} />
+			</ReferenceArrayInput>
+		</SimpleForm>
+	);
+};
+
+Permissions.propTypes = {
+	record: PropTypes.shape({}),
+	resource: PropTypes.string,
+	save: PropTypes.func,
+};
+
+Permissions.defaultProps = {
+	record: {},
+	resource: '',
+	save: () => {},
+};
+
+export default Permissions;

packages/admin/src/pages/users/Form/index.js

@@ -1,11 +1,12 @@
-import React from 'react';
 import PropTypes from 'prop-types';
-import { TabbedShowLayout, Tab, Error, Loading, useQuery } from 'react-admin';
-import Technologies from './Technologies';
-import Reviews from './Reviews';
+import React from 'react';
+import { Error, Loading, Tab, TabbedShowLayout, useQuery } from 'react-admin';
 import AboutForm from './AboutForm';
 import Bookmarks from './Bookmarks';
 import Institution from './Institution';
+import Permissions from './Permissions';
+import Reviews from './Reviews';
+import Technologies from './Technologies';
 import Uploads from './Uploads';
 
 const UsersForm = ({ record, resource, save, basePath }) => {
@@ -43,6 +44,9 @@ const UsersForm = ({ record, resource, save, basePath }) => {
 			<Tab label="labels.uploads" path="uploads">
 				<Uploads />
 			</Tab>
+			<Tab label="labels.permissions" path="permissions">
+				<Permissions save={save} />
+			</Tab>
 		</TabbedShowLayout>
 	);
 };