deploy web app to azure blob storage

.github/workflows/deploy-ui.yml

@@ -0,0 +1,31 @@
+# deploy to blob storage =>
+name: Build and deploy the app to the Azure Blob Storage
+
+on:
+  push:
+    branches:
+      - development
+env:
+  AZURE_WEBAPP_PACKAGE_PATH: ui/react-ui
+  NODE_VERSION: '10.x'
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@main
+      - name: Set up Node.js version
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{env.NODE_VERSION}}
+      - name: npm install and build
+        run: |
+          cd ${{env.AZURE_WEBAPP_PACKAGE_PATH}}
+          npm install
+          npm run build
+      - name: Upload To Azure Blob Storage
+        uses: bacongobbler/[email protected]
+        with:
+          source_dir: ${{env.AZURE_WEBAPP_PACKAGE_PATH}}/build
+          container_name: $web
+          connection_string: ${{secrets.BLOB_STORAGE_CONNECTION_STRING}}

ui/react-ui/package.json

@@ -11,7 +11,6 @@
     "react-bootstrap": "^1.4.3",
     "react-json-to-table": "^0.1.7",
     "react-dom": "^17.0.1",
-    "react-json-to-table": "^0.1.7",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.1",
     "react-tooltip": "^4.2.13",

ui/react-ui/src/components/app/App.css

@@ -1,6 +1,4 @@
 .App {
-  /* text-align: center; */
-  /* height: 100vh; */
   padding-top: 2rem;
   padding-bottom: 2rem;
 }

ui/react-ui/src/components/routes/userSingleTask/UserSingleTask.js

@@ -10,7 +10,7 @@ let UserSingleTask = () => {
   console.log(userId, taskId)
 
   useEffect(() => {
-    fetch(`https://nsc-functionsapp-team1.azurewebsites.net/api/users/${userId}/tasks/${taskId}`)
+    fetch(`https://nsc-fun-dev-usw2-thursday.azurewebsites.net/api/users/${userId}/tasks/${taskId}`)
     .then(response => response.json())
     .then(data => setUserSingleTask(data))
     .catch((error) => console.error(error))

ui/react-ui/src/components/routes/userTasks/UserTasks.js

@@ -11,7 +11,7 @@ var UserTasks = () => {
   useEffect(() => {
     setUserTasks(['loading']);
 
-    fetch(`https://nsc-functionsapp-team1.azurewebsites.net/api/users/${userId}/tasks?`)
+    fetch(`https://nsc-fun-dev-usw2-thursday.azurewebsites.net/api/users/${userId}/tasks?`)
     .then(response => response.json())
     .then(data => setUserTasks(data))
     .catch((error) => console.error(error))

ui/react-ui/src/components/routes/userid/userid.js

@@ -10,9 +10,15 @@ var User = () => {
   var {userId} = useParams();
 
   useEffect(() => {
-    fetch(`https://nsc-functionsapp-team1.azurewebsites.net/api/users/${userId}?`)
+    fetch(`https://nsc-fun-dev-usw2-thursday.azurewebsites.net/api/users/${userId}?`)
       .then(response => response.json())
-      .then(data => setUser(data))
+      .then(data => {
+        var updatedData = {};
+
+        if (Object.keys(data).length > 0) Object.keys(data).forEach(key => updatedData[key.toLowerCase()] = data[key]);
+
+        setUser(updatedData);
+      })
       .catch((error) => console.error(error))
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

ui/react-ui/src/components/routes/users/Users.js

@@ -11,7 +11,7 @@ export default class Users extends Component {
 	};
 
 	async componentDidMount() {
-		const url = 'https://nsc-functionsapp-team1.azurewebsites.net/api/users';
+		const url = 'https://nsc-fun-dev-usw2-thursday.azurewebsites.net/api/users';
 		const response = await fetch(url);
 		const usersData = await response.json();
 		this.setState({