feat: build page using new form components

public/i18n/en/common.json

@@ -1,7 +1,6 @@
 {
   "App": "App",
   "Apps": "Apps",
-  "Build": "Build",
   "BUTTON_NEW_RESOURCE": "Create {{model}}",
   "CREATE_MODEL": "Create a {{model}}",
   "CREATE_MODEL_FOR_TEAM": "Create a {{model}} for team {{teamName}}",
@@ -78,8 +77,6 @@
   "TITLE_PROJECTS": "Projects",
   "TITLE_PROJECT": "Project details",
   "DELETE_PROJECT_WARNING": "Deleting this project will permanently remove all associated collections (build, workload, service) and their data. This action cannot be undone.",
-  "TITLE_BUILDS": "Builds",
-  "TITLE_BUILD": "Build details",
   "Team_plural": "Teams",
   "Teams": "Teams",
   "Workload": "Workload",
@@ -90,7 +87,6 @@
   "User": "User",
   "User_plural": "Users",
   "Project_plural": "Projects",
-  "Build_plural": "Builds",
   "WELCOME_DASHBOARD": "Team <1>{{teamName}}</1> dashboard",
   "add item": "add item",
   "admin": "admin",
@@ -101,8 +97,12 @@
   "enabled": "enabled",
   "help": "help",
   "submit": "submit",
-  "CodeRepository": "Code Repository",
-  "CodeRepository_plural": "Code Repositories",
-  "TITLE_CODEREPOSITORY": "Code Repository Details",
-  "TITLE_CODEREPOSITORIES": "Code Repositories - {{scope}}"
+  "Container-image": "Container Image",
+  "Container-image_plural": "Container Images",
+  "TITLE_CONTAINER_IMAGE": "Container image details",
+  "TITLE_CONTAINER_IMAGES": "Container images - {{scope}}",
+  "Code-repository": "Code Repository",
+  "Code-repository_plural": "Code Repositories",
+  "TITLE_CODE_REPOSITORY": "Code repository details",
+  "TITLE_CODE_REPOSITORIES": "Code repositories - {{scope}}"
 }

src/App.tsx

@@ -7,7 +7,8 @@ import cookie from 'cookie'
 import Backups from 'pages/Backups'
 import Netpols from 'pages/Netpols'
 import Workloads from 'pages/Workloads'
-import Builds from 'pages/Builds'
+import Build from 'pages/builds/create-edit'
+import Builds from 'pages/builds/overview'
 import OtomiApp from 'pages/App'
 import Apps from 'pages/Apps'
 import Cluster from 'pages/Cluster'
@@ -35,7 +36,6 @@ import { store } from 'redux/store'
 import { IoProvider } from 'socket.io-react-hook'
 import Backup from 'pages/Backup'
 import Netpol from 'pages/Netpol'
-import Build from 'pages/Build'
 import LoadingScreen from 'components/LoadingScreen'
 import Dashboard from 'pages/Dashboard'
 import Users from 'pages/Users'
@@ -51,9 +51,8 @@ import Policy from 'pages/Policy'
 import Maintenance from 'pages/Maintenance'
 import PrivateRoute from 'components/AuthzRoute'
 import Logout from 'pages/Logout'
-// TODO: Uncomment the following line(s) when the new build page is ready
-// import CodeRepository from 'pages/code-repositories/create-edit'
-// import CodeRepositories from 'pages/code-repositories/overview'
+import CodeRepository from 'pages/code-repositories/create-edit'
+import CodeRepositories from 'pages/code-repositories/overview'
 import { HttpErrorBadRequest } from './utils/error'
 import { NotistackProvider, SnackbarUtilsConfigurator } from './utils/snack'
 
@@ -88,28 +87,27 @@ function App() {
                               <Helmet titleTemplate='%s | APL' defaultTitle='Akamai APL Platform' />
                               <Switch>
                                 <Route path='/' component={Dashboard} exact />
-                                {/* TODO: Uncomment the following line(s) when the new build page is ready */}
-                                {/* <PrivateRoute
-                                  path='/coderepositories'
+                                <PrivateRoute
+                                  path='/code-repositories'
                                   component={CodeRepositories}
                                   platformAdminRoute
                                   exact
                                 />
                                 <PrivateRoute
-                                  path='/teams/:teamId/coderepositories'
+                                  path='/teams/:teamId/code-repositories'
                                   component={CodeRepositories}
                                   exact
                                 />
                                 <PrivateRoute
-                                  path='/teams/:teamId/create-coderepository'
+                                  path='/teams/:teamId/create-code-repository'
                                   component={CodeRepository}
                                   exact
                                 />
                                 <PrivateRoute
-                                  path='/teams/:teamId/coderepositories/:codeRepositoryName'
+                                  path='/teams/:teamId/code-repositories/:codeRepositoryName'
                                   component={CodeRepository}
                                   exact
-                                /> */}
+                                />
 
                                 <PrivateRoute path='/apps/:teamId' component={Apps} exact />
                                 <PrivateRoute path='/apps/:teamId/:appId' component={OtomiApp} exact />
@@ -150,7 +148,7 @@ function App() {
                                 <PrivateRoute path='/users/:userId' component={User} platformAdminRoute exact />
                                 <PrivateRoute path='/teams/:teamId/users' component={Users} teamAdminRoute exact />
                                 <PrivateRoute path='/projects' component={Projects} platformAdminRoute exact />
-                                <PrivateRoute path='/builds' component={Builds} platformAdminRoute exact />
+                                <PrivateRoute path='/container-images' component={Builds} platformAdminRoute exact />
                                 <PrivateRoute path='/settings/:settingId' component={Setting} exact />
                                 <PrivateRoute path='/teams' component={Teams} platformAdminRoute exact />
                                 <PrivateRoute path='/teams/:teamId' component={Team} exact />
@@ -164,7 +162,7 @@ function App() {
                                 <PrivateRoute path='/teams/:teamId/create-service' component={Service} exact />
                                 <PrivateRoute path='/teams/:teamId/create-user' component={User} exact />
                                 <PrivateRoute path='/teams/:teamId/create-project' component={Project} exact />
-                                <PrivateRoute path='/teams/:teamId/create-build' component={Build} exact />
+                                <PrivateRoute path='/teams/:teamId/create-container-image' component={Build} exact />
                                 <PrivateRoute path='/teams/:teamId/sealed-secrets' component={SealedSecrets} exact />
                                 <PrivateRoute
                                   path='/teams/:teamId/sealed-secrets/:sealedSecretName'
@@ -177,9 +175,12 @@ function App() {
                                 <PrivateRoute path='/teams/:teamId/netpols/:netpolName' component={Netpol} exact />
                                 <PrivateRoute path='/teams/:teamId/projects' component={Projects} exact />
                                 <PrivateRoute path='/teams/:teamId/projects/:projectName' component={Project} exact />
-                                {/* <Route path='/teams/:teamId/builds' component={Builds} exact /> */}
-                                <PrivateRoute exact path='/teams/:teamId/builds' component={Builds} />
-                                <PrivateRoute path='/teams/:teamId/builds/:buildName' component={Build} exact />
+                                <PrivateRoute exact path='/teams/:teamId/container-images' component={Builds} />
+                                <PrivateRoute
+                                  path='/teams/:teamId/container-images/:buildName'
+                                  component={Build}
+                                  exact
+                                />
                                 <PrivateRoute path='/teams/:teamId/policies' component={Policies} exact />
                                 <PrivateRoute path='/teams/:teamId/policies/:policyName' component={Policy} exact />
                                 <PrivateRoute path='/teams/:teamId/workloads' component={Workloads} exact />