renamed component

client/src/components/forms/TaskForm/RequirementsChoice.tsx → client/src/components/forms/TaskForm/RequirementsForm.tsx

 import { TaskRequirement } from 'adapters/task';
 import { FormEvent, useCallback, useEffect, useState } from 'react';
-import { possibleRole } from '../TaskForm';
+import { possibleRole } from '.';
 import Popup from 'components/ui/Popup';
 import Button from 'components/ui/Button';
 
@@ -11,7 +11,7 @@ interface Props {
 }
 
 
-export default function RequirementsChoice({ roles, requirements, setRequirements }: Props) {
+export default function RequirementsForm({ roles, requirements, setRequirements }: Props) {
 
     const [possibleRoles, setPossibleRoles] = useState<possibleRole[]>([]);
     const [addNew, setAddNew] = useState(false);

client/src/components/forms/TaskForm/index.tsx

@@ -7,7 +7,7 @@ import Picker from 'emoji-picker-react';
 import { getProjectTasks, Project } from 'adapters/project';
 import CheckboxGroup from 'components/ui/CheckboxGroup';
 import { getTeam, getTeamRoles } from 'adapters/team';
-import RequirementsChoice from './RequirementsChoice';
+import RequirementsForm from './RequirementsForm';
 
 interface Props {
     task?: Task;
@@ -136,7 +136,7 @@ export default function TaskForm({ task, onSubmit, project }: Props) {
             }
             {
                 allRoles.length > 0 && (
-                    <RequirementsChoice setRequirements={setRequirements} roles={allRoles} requirements={requirements ?? []} />
+                    <RequirementsForm setRequirements={setRequirements} roles={allRoles} requirements={requirements ?? []} />
                 )
             }