Fix placeholder centering in roles page and skills page.

Fix role details popup changing size: topcoder-archive#309.
Redirect to My Teams list page instead of specific team: topcoder-archive#309.
Send previousRoleSearchRequestId in /sendRoleSearchRequest POST.

Author: mbaghel

src/routes/CreateNewTeam/components/ItemList/styles.module.scss

@@ -7,7 +7,7 @@
   margin-right: 20px;
   position: relative;
   height: 80vh;
-  overflow-y: scroll;
+  overflow-y: auto;
 
   > header {
     padding: 16px 24px;
@@ -33,9 +33,9 @@ input:not([type="checkbox"]).filter-input {
   color: #2a2a2a;
   font-size: 14px;
   height: 40px;
-  line-height: 38px;
+  line-height: normal;
   outline: none;
-  padding: 0 15px;
+  padding: 8px 15px;
 
   &:not(:focus) {
     background-image: url("../../../../assets/images/icon-search.svg");

src/routes/CreateNewTeam/components/RoleDetailsModal/index.jsx

@@ -90,19 +90,21 @@ function RoleDetailsModal({ roleId, open, onClose }) {
             Skills
           </Button>
         </div>
-        {showSkills ? (
-          <ul styleName="body skill-list">
-            {skills.map((skill, i) => (
-              <li styleName="skill-item" key={i}>
-                {skill}
-              </li>
-            ))}
-          </ul>
-        ) : (
-          <div styleName="markdown-container">
-            <MarkdownViewer value={role?.description} />
-          </div>
-        )}
+        <div styleName="content">
+          {showSkills ? (
+            <ul styleName="body skill-list">
+              {skills.map((skill, i) => (
+                <li styleName="skill-item" key={i}>
+                  {skill}
+                </li>
+              ))}
+            </ul>
+          ) : (
+            <div styleName="markdown-container">
+              <MarkdownViewer value={role?.description} />
+            </div>
+          )}
+        </div>
       </div>
     </BaseCreateModal>
   );

src/routes/CreateNewTeam/components/RoleDetailsModal/styles.module.scss

@@ -58,3 +58,8 @@
   margin-bottom: 10px;
   font-size: 12px;
 }
+
+.content {
+  height: 180px;
+  overflow-y: auto;
+}

src/routes/CreateNewTeam/components/SubmitContainer/index.jsx

@@ -94,10 +94,9 @@ function SubmitContainer({
   const requestTeam = useCallback(() => {
     setRequestLoading(true);
     postTeamRequest(teamObject)
-      .then((res) => {
-        const projectId = _.get(res, ["data", "projectId"]);
+      .then(() => {
         dispatch(clearSearchedRoles());
-        navigate(`/taas/myteams/${projectId}`);
+        navigate("/taas/myteams");
       })
       .catch((err) => {
         setRequestLoading(false);

src/routes/CreateNewTeam/components/TeamDetailsModal/styles.module.scss

@@ -85,13 +85,8 @@
 }
 
 .modal-body {
+  overflow-x: auto;
   textarea {
     height: 95px;
   }
 }
-
-@media only screen and (max-width: 550px) {
-  .modal-body {
-    overflow-x: scroll;
-  }
-}

src/services/teams.js

@@ -215,13 +215,13 @@ export const postProject = () => {
  * @param {string} searchObject.roleId a role id to search for
  * @param {string} searchObject.jobDescription job description used for search
  * @param {string[]} searchObject.skills array of skill ids used for role search
+ * @param {string} searchObject.jobTitle job title to associate with search
  * @param {string} searchObject.previousRoleSearchRequestId id of the last search made
  *
  * @returns {Promise<object>} the role found
  */
 export const searchRoles = (searchObject) => {
   const newObject = { ...searchObject };
-  delete newObject.previousRoleSearchRequestId;
   const url = `${config.API.V5}/taas-teams/sendRoleSearchRequest`;
   return axios.post(url, newObject);
 };