Change CreateNewTeam path to /taas/createnewteam. Fix placholder alignment in Job Title input.

Author: mbaghel

src/root.component.jsx

@@ -25,7 +25,7 @@ export default function Root() {
         <Router>
           <Redirect from="/taas" to="/taas/myteams" exact />
           <MyTeamsList path="/taas/myteams" />
-          <CreateNewTeam path="/taas/myteams/createnewteam" />
+          <CreateNewTeam path="/taas/createnewteam" />
           <MyTeamsDetails path="/taas/myteams/:teamId" />
           <JobDetails path="/taas/myteams/:teamId/positions/:jobId" />
           <JobForm path="/taas/myteams/:teamId/positions/:jobId/edit" />
@@ -34,9 +34,9 @@ export default function Root() {
           <ResourceBookingForm path="/taas/myteams/:teamId/rb/:resourceBookingId/edit" />
           <PositionDetails path="/taas/myteams/:teamId/positions/:positionId/candidates" />
           <TeamAccess path="/taas/myteams/:teamId/access" />
-          <InputJobDescription path="/taas/myteams/createnewteam/jd/*" />
-          <InputSkills path="/taas/myteams/createnewteam/skills/*" />
-          <SelectRole path="/taas/myteams/createnewteam/role/*" />
+          <InputJobDescription path="/taas/createnewteam/jd/*" />
+          <InputSkills path="/taas/createnewteam/skills/*" />
+          <SelectRole path="/taas/createnewteam/role/*" />
         </Router>
 
         {/* Global config for Toastr popups */}

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

@@ -37,7 +37,7 @@ function ItemList({
     <div styleName="item-list">
       <PageHeader
         title={title}
-        backTo="/taas/myteams/createnewteam"
+        backTo="/taas/createnewteam"
         aside={
           <>
             <Input

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

@@ -38,7 +38,7 @@ function NoMatchingProfilesResultCard({ role }) {
             <p>/Week</p>
           </div>
         )}
-        <Link to="/taas/myteams/createnewteam">
+        <Link to="/taas/createnewteam">
           <Button type="secondary" styleName="button">
             Modify Search Criteria
           </Button>

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

@@ -51,7 +51,7 @@ function SubmitContainer({
   // without adding any roles or delete all roles.
   useLayoutEffect(() => {
     if (!addedRoles || addedRoles.length === 0) {
-      navigate("/taas/myteams/createnewteam");
+      navigate("/taas/createnewteam");
     }
   }, [addedRoles]);
 
@@ -61,7 +61,7 @@ function SubmitContainer({
   };
 
   const addAnother = () => {
-    navigate("/taas/myteams/createnewteam");
+    navigate("/taas/createnewteam");
   };
 
   const assembleTeam = (formData) => {

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

@@ -26,7 +26,7 @@ function SuccessCard() {
           Please use the button to the right to submit your request, or the
           button below to search for additional roles.
         </p>
-        <Link to="/taas/myteams/createnewteam">
+        <Link to="/taas/createnewteam">
           <Button type="secondary" styleName="button">
             Continue Search
           </Button>

src/routes/CreateNewTeam/index.jsx

@@ -31,21 +31,21 @@ function CreateNewTeam() {
         description="You know you want a front end developer, or a full stack developer, mobile one or others."
         icon={<IconMultipleActionsCheck />}
         backgroundImage="linear-gradient(101.95deg, #8B41B0 0%, #EF476F 100%)"
-        onClick={() => goToRoute("/taas/myteams/createnewteam/role")}
+        onClick={() => goToRoute("/taas/createnewteam/role")}
       />
       <LandingBox
         title="Input Skills"
         description="You know your developer has specific skills, such as for example: Java, Python, Oracle, etc."
         icon={<IconListQuill />}
         backgroundImage="linear-gradient(221.5deg, #2C95D7 0%, #9D41C9 100%)"
-        onClick={() => goToRoute("/taas/myteams/createnewteam/skills")}
+        onClick={() => goToRoute("/taas/createnewteam/skills")}
       />
       <LandingBox
         title="Input Job Description"
         description="You would like to use a description to explain what you need."
         icon={<IconOfficeFileText />}
         backgroundImage="linear-gradient(135deg, #2984BD 0%, #0AB88A 100%)"
-        onClick={() => goToRoute("/taas/myteams/createnewteam/jd")}
+        onClick={() => goToRoute("/taas/createnewteam/jd")}
       />
     </Page>
   );

src/routes/CreateNewTeam/pages/InputJobDescription/index.jsx

@@ -64,7 +64,7 @@ function InputJobDescription() {
         <div styleName="edit-container">
           <PageHeader
             title="Input Job Description"
-            backTo="/taas/myteams/createnewteam"
+            backTo="/taas/createnewteam"
           />
           <div styleName="job-title">
             <TextInput

src/routes/CreateNewTeam/pages/InputJobDescription/styles.module.scss

@@ -10,4 +10,9 @@
 
 .job-title {
   margin-bottom: 15px;
+
+  input:not([type="checkbox"]) {
+    line-height: normal;
+    padding: 8px 15px;
+  }
 }