Merge pull request #14 from sahil143/tabs-layout

Move Applications workflow and related details page

Author: sahil143

.env

@@ -1,4 +1,4 @@
-AUTH_URL= https://konflux-ui.apps.stone-stg-rh01.l2vh.p1.openshiftapps.com/
+AUTH_URL=https://konflux-ui.apps.stone-stg-rh01.l2vh.p1.openshiftapps.com/
 REGISTRATION_URL=https://konflux-ui.apps.stone-stg-rh01.l2vh.p1.openshiftapps.com/
 PROXY_URL=https://konflux-ui.apps.stone-stg-rh01.l2vh.p1.openshiftapps.com/
 PROXY_WEBSOCKET_URL=wss://konflux-ui.apps.stone-stg-rh01.l2vh.p1.openshiftapps.com/

.eslintrc.cjs

@@ -30,7 +30,8 @@ module.exports = {
     "@typescript-eslint/no-unsafe-return": "off",
     "@typescript-eslint/no-unsafe-member-access": "off",
     "@typescript-eslint/no-redundant-type-constituents": "off",
-    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+    "@typescript-eslint/no-unsafe-enum-comparison": 'off',
+    'react-refresh/only-export-components': ['off', { allowConstantExport: true }],
     camelcase: [
       'error',
       {

.gitignore

@@ -1,5 +1,5 @@
 # Logs
-logs
+./logs
 *.log
 npm-debug.log*
 yarn-debug.log*

config/jest.setup.js

@@ -1 +1,31 @@
 import '@testing-library/jest-dom';
+import { configure } from '@testing-library/react';
+// This adds fetch to node environment
+import 'whatwg-fetch';
+
+// Mock Request if not available
+if (typeof Request !== 'function') {
+  global.Request = class Request {
+    constructor(input, init) {
+      return new URL(input.toString());
+    }
+  };
+}
+
+jest.mock('../src/k8s', () => ({ __esModule: true, ...jest.requireActual('../src/k8s') }));
+
+jest.mock('react-router-dom', () => ({
+  __esModule: true,
+  ...jest.requireActual('react-router-dom'),
+}));
+
+jest.mock('../src/components/Workspace/useWorkspaceInfo', () => ({
+  __esModule: true,
+  ...jest.requireActual('../src/components/Workspace/useWorkspaceInfo'),
+}));
+
+afterAll(() => {
+  jest.clearAllMocks();
+});
+
+configure({ testIdAttribute: 'data-test' });

jest.config.js

@@ -19,7 +19,9 @@ export default {
     'lodash-es': 'lodash',
   },
   roots: ['<rootDir>/src/'],
-  transformIgnorePatterns: ['/node_modules/(?!@patternfly|uuid)'],
+  transformIgnorePatterns: [
+    '/node_modules/(?!@patternfly|uuid|lodash-es|@popperjs|i18next|d3|d3-array|delaunator|robust-predicates|internmap|react-dnd|react-dnd-html5-backend|dnd-core|@react-dnd)',
+  ],
   collectCoverageFrom: ['src/**/*.{js,jsx,ts,tsx}', '!src/**/stories/*'],
   coverageDirectory: './coverage/',
   setupFilesAfterEnv: ['<rootDir>/config/jest.setup.js'],

package.json

@@ -3,6 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "homepage": "/",
   "scripts": {
     "build": "webpack -c ./webpack.prod.config.js",
     "start": "dotenvx run -- webpack server --open -c ./webpack.dev.config.js",
@@ -20,18 +21,28 @@
     "@patternfly/react-styles": "^5.3.1",
     "@patternfly/react-table": "^5.3.4",
     "@patternfly/react-tokens": "^5.3.1",
+    "@patternfly/react-topology": "^5.4.0",
     "@patternfly/react-virtualized-extension": "^5.1.0",
-    "@tanstack/react-query": "^5.51.23",
+    "@tanstack/react-query": "^5.59.0",
     "@tanstack/react-query-devtools": "^5.52.0",
     "classnames": "^2.5.1",
+    "dagre": "^0.8.5",
+    "dayjs": "^1.11.13",
+    "file-saver": "^2.0.5",
     "formik": "^2.4.6",
     "formik-pf": "^0.0.1-alpha11",
     "git-url-parse": "^15.0.0",
+    "jotai": "^2.10.1",
+    "js-base64": "^3.7.7",
     "lodash-es": "^4.17.21",
     "react": "^18.3.1",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.3.1",
     "react-i18next": "^15.0.1",
     "react-router-dom": "^6.25.1",
+    "sanitize-html": "^2.13.0",
+    "showdown": "^2.1.0",
     "yup": "^0.32.11"
   },
   "devDependencies": {
@@ -83,7 +94,8 @@
     "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4",
-    "webpack-merge": "^6.0.1"
+    "webpack-merge": "^6.0.1",
+    "whatwg-fetch": "^3.6.20"
   },
   "sideEffects": [
     "*.css",

src/AppRoot/AppSideBar.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { NavLink, useLocation } from 'react-router-dom';
 import { Nav, NavItem, NavList, PageSidebar, PageSidebarBody } from '@patternfly/react-core';
-import { useWorkspaceInfo } from '../components/Workspace/workspace-context';
+import { useWorkspaceInfo } from '../components/Workspace/useWorkspaceInfo';
 
 export const AppSideBar: React.FC<{ isOpen: boolean }> = ({ isOpen }) => {
   const location = useLocation();
@@ -17,6 +17,15 @@ export const AppSideBar: React.FC<{ isOpen: boolean }> = ({ isOpen }) => {
             <NavItem isActive={location.pathname.includes('applications')}>
               <NavLink to={`/workspaces/${workspace}/applications`}>Applications</NavLink>
             </NavItem>
+            <NavItem isActive={location.pathname.includes('/secrets')}>
+              <NavLink to={`/workspaces/${workspace}/secrets`}>Secrets</NavLink>
+            </NavItem>
+            <NavItem isActive={location.pathname.includes('/release')}>
+              <NavLink to={`/workspaces/${workspace}/release`}>Releases</NavLink>
+            </NavItem>
+            <NavItem isActive={location.pathname.includes('/access')}>
+              <NavLink to={`/workspaces/${workspace}/access`}>User Access</NavLink>
+            </NavItem>
           </NavList>
         </Nav>
       </PageSidebarBody>