Changed the CellRoles.tsx Inside the TaskTable so that now it is rendering a new made component called: "TaskRoles".
This component has been done similar to the "TaskAssignees" component.
I made some improvements in terms of reduced complexity in both TaskRoles and TaskAssignees.
I also changed some styling so that sx and styled are not mixed here.
New type was created for the Role, and also a new hook called useRoles.
I then made sure to fix all the role occasions inside the taskclient folder, since now the types are not the same for them.
Avatar for the row with no roles is now displaying a different icon.
Searchfield is used in two different folders, so I made a component for it and exported it from there.
Changed the CellRoles.tsx Inside the TaskTable so that now it is rendering a new made component called: "TaskRoles". This component has been done similar to the "TaskAssignees" component. I made some improvements in terms of reduced complexity in both TaskRoles and TaskAssignees. I also changed some styling so that sx and styled are not mixed here. New type was created for the Role, and also a new hook called useRoles. I then made sure to fix all the role occasions inside the taskclient folder, since now the types are not the same for them. Avatar for the row with no roles is now displaying a different icon. Searchfield is used in two different folders, so I made a component for it and exported it from there.
Screenshots