added useAlert hook to display danger and success alerts

.env.sample

@@ -1,7 +1,7 @@
 # following keys are required
 
 #backend endpoint
-REACT_APP_SERVER_URL=localhost/repo/api/v1
+REACT_APP_SERVER_URL=localhost/repo/api/v2
 
 #for enabling https for backend url
 REACT_APP_HTTPS=false

.eslintrc.json

@@ -34,7 +34,9 @@
       }
     ],
     "no-plusplus": ["error", { "allowForLoopAfterthoughts": true }],
+    "prefer-destructuring": ["error", { "object": true, "array": false }],
     "react/require-default-props": 0,
-    "jsx-a11y/control-has-associated-label": 0
+    "jsx-a11y/control-has-associated-label": 0,
+    "react/jsx-props-no-spreading": 0
   }
 }

.github/workflows/deploy.yml

@@ -38,7 +38,7 @@ jobs:
       - name: Build pages
         env:
           PUBLIC_URL: /FOSSologyUI
-          REACT_APP_SERVER_URL: localhost/repo/api/v1
+          REACT_APP_SERVER_URL: localhost/repo/api/v2
           REACT_APP_HTTPS: false
         run:
           yarn build

README.md

@@ -28,9 +28,7 @@ The UI Migration project is an effort focused on generating the new component-ba
 
 ## Requirements
 
-NodeJS and NPM or yarn\
-[https://nodejs.org/en/download/](https://nodejs.org/en/download/)
-[https://yarnpkg.com/getting-started/install](https://yarnpkg.com/getting-started/install)
+- [NodeJS](https://nodejs.org/en/download/) and NPM or [yarn](https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable)
 
 ## Installation
 
@@ -43,45 +41,50 @@ Run the following commands inside the project directory.
 ```sh
 docker build \
 -t fossologyui:react1.0 \
---build-arg REACT_APP_SERVER_URL="localhost/repo/api/v1" \
+--build-arg REACT_APP_SERVER_URL="localhost/repo/api/v2" \
 --build-arg REACT_APP_HTTPS="false" .
 ```
 
 ```sh
 docker run -p 3000:3000 fossologyui:react1.0
 ```
 
-The docker image can then be used using http://IP_OF_DOCKER_HOST:3000/ user fossy password fossy.
+The docker image can then be used using `http://IP_OF_DOCKER_HOST:3000/` user `fossy` password `fossy`.
 
-<hr />
+### Project Setup
 
-In the project directory, you can run:
+- Create a `.env` in root directory of project and copy the contents from `.env.sample`
 
-create a `.env` in root directory of project and copy the contents from `.env.sample`
+- Installs the packages:
 
-#### `yarn`
-
-#### `yarn start`
+```sh
+ yarn
+```
 
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+- Runs the app in the development mode at [http://localhost:3000](http://localhost:3000)
 
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
+```sh
+yarn start
+```
 
-#### `yarn test`
+### Deployment
 
-Launches the test runner in the interactive watch mode.\
+Launches the test runner in the interactive watch mode.
 See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
 
-#### `yarn build`
+```sh
+yarn test
+```
+
+Builds the app for production to the `build` folder.
 
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
+```sh
+yarn build
+```
 
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
+It correctly bundles React in production mode and optimizes the build for the best performance.
 
+The build is minified and the filenames include the hashes. Your app is ready to be deployed!
 See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
 
 ## Support

package.json

@@ -18,6 +18,7 @@
     "react-helmet": "^6.1.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
+    "react-table": "^7.7.0",
     "react-virtualized": "^9.22.3",
     "react-virtualized-tree": "^3.4.1",
     "styled-components": "^5.3.0",
@@ -83,6 +84,7 @@
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react-hooks": "^1.7.0",
+    "jest-fetch-mock": "3.0.3",
     "prettier": "^2.3.1"
   }
 }

src/App.jsx

@@ -35,13 +35,18 @@ import "react-virtualized-tree/lib/main.css";
 import "styles/global.css";
 import GlobalStyles from "styles/globalStyle";
 
+// useAlert hook provider
+import AlertProvider from "components/Widgets/AlertProvider";
+
 function App() {
   const { theme } = useContext(GlobalContext);
   return (
     <GlobalProvider>
       <ThemeProvider theme={theme === "light" ? lightTheme : darkTheme}>
-        <GlobalStyles />
-        <Routes />
+        <AlertProvider>
+          <GlobalStyles />
+          <Routes />
+        </AlertProvider>
       </ThemeProvider>
     </GlobalProvider>
   );