chore: small improvements2

Author: diana-villalvazo-wgu

src/cohorts/components/EnabledCohortsView.tsx

@@ -67,7 +67,14 @@ const EnabledCohortsView = () => {
   return (
     <>
       <div className="d-flex mt-4.5">
-        <FormControl placeholder={intl.formatMessage(messages.selectCohortPlaceholder)} name="cohort" as="select" onChange={handleSelectCohort} value={selectedCohort?.id?.toString() ?? 'null'} disabled={displayAddForm}>
+        <FormControl
+          as="select"
+          disabled={displayAddForm || cohortsList.length === 0}
+          name="cohort"
+          placeholder={intl.formatMessage(messages.selectCohortPlaceholder)}
+          value={selectedCohort?.id?.toString() ?? 'null'}
+          onChange={handleSelectCohort}
+        >
           {
             cohortsList.map((cohort) => (
               <option key={cohort.id} value={cohort.id}>

src/cohorts/components/ManageLearners.tsx

@@ -29,7 +29,13 @@ const ManageLearners = () => {
       <h3 className="text-primary-700">{intl.formatMessage(messages.addLearnersTitle)}</h3>
       <p className="x-small mb-2.5">{intl.formatMessage(messages.addLearnersSubtitle)}</p>
       <p className="mb-2 text-primary-500">{intl.formatMessage(messages.addLearnersInstructions)}</p>
-      <FormControl as="textarea" className="mb-2" placeholder={intl.formatMessage(messages.learnersExample)} onChange={(e) => setUsers(e.target.value)} />
+      <FormControl
+        as="textarea"
+        className="mb-2"
+        rows={4}
+        placeholder={intl.formatMessage(messages.learnersExample)}
+        onChange={(e) => setUsers(e.target.value)}
+      />
       <p className="x-small mb-2.5">{intl.formatMessage(messages.addLearnersFootnote)}</p>
       <Button variant="primary" className="mt-2" onClick={handleAddLearners}>+ {intl.formatMessage(messages.addLearnersLabel)}</Button>
     </div>

src/cohorts/data/api.ts

@@ -28,7 +28,7 @@ export const createCohort = async (courseId: string, cohortDetails: BasicCohortD
 };
 
 export const getContentGroups = async (courseId: string) => {
-  const url = `${getApiBaseUrl()}/api/instructor/v1/courses/${courseId}/content_groups`;
+  const url = `${getApiBaseUrl()}/api/instructor/v1/courses/${courseId}/group_configurations`;
   const { data } = await getAuthenticatedHttpClient().get(url);
   return camelCaseObject(data);
 };