Updates new deploy

.github/workflows/build.yml

@@ -0,0 +1,19 @@
+name: Lint & Build
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js from .nvmrc file
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+      - run: npm ci
+      - run: npm run fmt:check
+      - run: npm run build

dprint.json

@@ -0,0 +1,6 @@
+{
+  "extends": "https://raw.githubusercontent.com/kontent-ai/dprint-config/main/dprint.json",
+  "includes": [
+    "src/**/*.{ts,tsx,js,jsx,json}"
+  ]
+}

package.json

@@ -26,7 +26,8 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "predeploy": "npm run build",
-    "deploy": "gh-pages -d build"
+    "fmt": "dprint fmt",
+    "fmt:check": "dprint check"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -44,6 +45,7 @@
     ]
   },
   "devDependencies": {
+    "dprint": "^0.46.2",
     "gh-pages": "^2.0.1"
   }
-}
+}

src/App.tsx

@@ -1,26 +1,26 @@
-import React from 'react';
-import './App.css';
-import { Route, Switch } from 'react-router-dom';
-import { NavigationBar } from './components/NavigationBar';
-import { ProductDetailsPage } from './components/Product/ProductDetailsPage';
-import { ProductsPage } from './components/Product/ProductsPage';
-import { ProductDetailsRoute, ProductsRoute, ProjectRoute } from './constants/routePaths';
-import { WelcomePage } from './components/WelcomePage';
-import { ProgressBar } from './components/ProgressBar';
+import React from "react";
+import "./App.css";
+import { Route, Switch } from "react-router-dom";
+import { NavigationBar } from "./components/NavigationBar";
+import { ProductDetailsPage } from "./components/Product/ProductDetailsPage";
+import { ProductsPage } from "./components/Product/ProductsPage";
+import { ProductDetailsRoute, ProductsRoute, EnvironmentRoute } from "./constants/routePaths";
+import { WelcomePage } from "./components/WelcomePage";
+import { ProgressBar } from "./components/ProgressBar";
 
 export class App extends React.PureComponent {
   render() {
     return (
       <div className="app">
-        <ProgressBar/>
+        <ProgressBar />
         <Route
-          path={ProjectRoute}
+          path={EnvironmentRoute}
           component={NavigationBar}
         />
         <div className="app__content-wrapper">
           <Switch>
             <Route
-              path={ProjectRoute}
+              path={EnvironmentRoute}
               exact
               component={WelcomePage}
             />
@@ -33,9 +33,7 @@ export class App extends React.PureComponent {
               component={ProductsPage}
             />
             <Route
-              render={() => (
-                <p>Ooops, missing page!</p>
-              )}
+              render={() => <p>Ooops, missing page!</p>}
             />
           </Switch>
         </div>