Frontend edit role page #232
Conversation
frontend/src/@types/requests.d.ts
Outdated
| @@ -39,7 +38,7 @@ export enum ApiRoutes { | |||
|
|
|||
| TEST = "api/test", | |||
| USER = "api/users/:id", | |||
| USERS = "api/users", | |||
| USERS = "api/users?:params", | |||
There was a problem hiding this comment.
?:params hoeft hier niet bij
There was a problem hiding this comment.
Er waren waarschijnlijk merge conflicts tijdens het mergen van frontend branch. Ik zie dat er een aantal dingen weg zijn (zoals [ApiRoutes.COURSE_MEMBER]: { relation: CourseRelation } ...). Best om deze terug toe te voegen.
| @@ -101,7 +110,6 @@ | |||
| "options": "Aanpassen", | |||
| "groupMembers": "Groepsleden", | |||
| "newProject": "Nieuw project", | |||
| "scoreTooHigh": "Score is hoger dan maximum score", | |||
| @@ -98,7 +107,6 @@ | |||
| "options": "Update", | |||
| "groupMembers": "Group members", | |||
| "newProject": "New project", | |||
| "scoreTooHigh": "Score is higher than maximum score", | |||
There was a problem hiding this comment.
Ik heb nog een probleem: als ik eerst iets in email toevoeg en verwijder en dan naam dan krijg ik email=&name=Wout wat niks terug geeft.
Nu is er een aparte input voor name en surname. Misschien kunnen we best een issue aanmaken om dit te veranderen naar 1 veld: "name" (matcht voor- en achternaam).
| form={form} | ||
| name="search" | ||
| onFinish={onSearch} | ||
| initialValues={{ remember: true }} |
There was a problem hiding this comment.
Er is geen form element met als naam remember, dus dit mag weg.
| { type: 'email', message: t("editRole.emailError") }, | ||
| ]} | ||
| > | ||
| <Input placeholder={t("editRole.email")} /> |
There was a problem hiding this comment.
Je gebruikt 3 inputs, dit is oke maar werkt niet zo goed voor kleine schermen. Misschien kan je eens naar Search kijken waar een dropdown in het begin staat en misschien de search knop aan de andere kant.
| .map(([key, value]) => `${key}=${value}`) | ||
| .join('&'); | ||
| console.log(queryString); | ||
| apiCall.get(ApiRoutes.USERS,{params:queryString}).then((res) => { |
There was a problem hiding this comment.
Om query strings toe te voegen aan je url kan je new URL gebruiken.
Als je dit doet zal ts ambetant doen, maar je kan het dan casten naar ApiRoutes.USERS. Je zal wel nog de "?:params" weg moeten halen in ApiRoutes enum.
Vb:
const params = new URLSearchParams();
params.append('email', 'value1');
params.append('name', 'value2');
apiCall.get(ApiRoutes.USERS+"?" + params.toString() as ApiRoutes.USERS).then((res) => {
console.log(res.data)
setUsers(res.data);
})
Pagina is nu normaal gezien af. Voornaamste vreemde dingen zijn hoe ik de users url gebruik (lijn 44 in EditRole.tsx en lijn 41 in requests.d.ts) en de eigen gedefinieerde UsersListItem type (lijn 12 in UserList.tsx)
Als er cleanere manieren zijn om dit te doen doe ik dat graag, ik sta open voor suggesties.
Closes #192