[feat] redesign dashboard page (#306)

Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
someengineering · Oct 4, 2024 · 28cbe66 · 28cbe66
1 parent 53f6ac1
commit 28cbe66
Show file tree

Hide file tree

Showing 75 changed files with 35,284 additions and 1,178 deletions.
diff --git a/.env.example b/.env.example
@@ -2,6 +2,12 @@
 VITE_FIX_LANDING_PAGE_URL=https://example.org
 # URL to fix document (if empty, it will get the url is currently on)
 VITE_FIX_DOCS_URL=https://example.org
+# URL to book a call button inside the panel header
+VITE_BOOK_A_CALL_URL=https://example.org
+# URL to Discord
+VITE_DISCORD_URL=https://discord.gg/id
+# URL to Github
+VITE_GITHUB_URL=https://example.org
 # API URL server to use (if empty, it will get the url is currently on)
 VITE_SERVER=https://example.org
 # WS URL server for events (if empty, it will get the url is currently on)
@@ -22,8 +28,6 @@ HOST=127.0.0.1
 PORT=8081
 # Whether or not to use mock data instead of real server
 VITE_USE_MOCK=false
-# Discord address
-VITE_DISCORD_URL=https://discord.gg/id
 # TrackJS error token
 VITE_TRACKJS_TOKEN=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 # Loading page timeout in ms (it will refresh itself in case of not loading correctly)

diff --git a/.github/workflows/pr-checks.yml b/.github/workflows/pr-checks.yml
@@ -20,14 +20,16 @@ jobs:
  - name: Create env file
  run: |
  echo "VITE_FIX_LANDING_PAGE_URL=${{ vars.FIX_LANDING_PAGE_URL }}" > .env.production
- echo "VITE_FIX_DOCS_URL=${{ vars.VITE_FIX_DOCS_URL }}" > .env.production
+ echo "VITE_FIX_DOCS_URL=${{ vars.FIX_DOCS_URL }}" > .env.production
+ echo "VITE_BOOK_A_CALL_URL=${{ vars.BOOK_A_CALL_URL }}" >> .env.production
+ echo "VITE_DISCORD_URL=${{ vars.DISCORD_URL }}" >> .env.production
+ echo "VITE_GITHUB_URL=${{ vars.NGITHUB_URL }}" >> .env.production
  echo "VITE_VIDEOS_ASSETS_URL=${{ vars.VIDEOS_ASSETS_URL }}" >> .env.production
  echo "VITE_IMAGES_ASSETS_URL=${{ vars.IMAGES_ASSETS_URL }}" >> .env.production
  echo "VITE_USE_PROXY=false" >> .env.production
  echo "VITE_NETWORK_RETRY_COUNT=${{ vars.NETWORK_RETRY_COUNT }}" >> .env.production
  echo "VITE_WEBSOCKET_RETRY_TIMEOUT=${{ vars.WEBSOCKET_RETRY_TIMEOUT }}" >> .env.production
  echo "VITE_USE_MOCK=false" >> .env.production
- echo "VITE_DISCORD_URL=${{ vars.DISCORD_URL }}" >> .env.production
  echo "VITE_TRACKJS_TOKEN=${{ secrets.TRACKJS_TOKEN }}" >> .env.production
  echo "VITE_MUI_LICENSE_KEY=${{ secrets.MUI_LICENSE_KEY }}" >> .env.production
  echo "VITE_VERSION=${{ github.sha }}" >> .env.production

diff --git a/.github/workflows/publish-pr.yml b/.github/workflows/publish-pr.yml
@@ -20,14 +20,16 @@ jobs:
  - name: Create env file
  run: |
  echo "VITE_FIX_LANDING_PAGE_URL=${{ vars.FIX_LANDING_PAGE_URL }}" > .env.production
- echo "VITE_FIX_DOCS_URL=${{ vars.VITE_FIX_DOCS_URL }}" > .env.production
+ echo "VITE_FIX_DOCS_URL=${{ vars.FIX_DOCS_URL }}" > .env.production
+ echo "VITE_BOOK_A_CALL_URL=${{ vars.BOOK_A_CALL_URL }}" >> .env.production
+ echo "VITE_DISCORD_URL=${{ vars.DISCORD_URL }}" >> .env.production
+ echo "VITE_GITHUB_URL=${{ vars.NGITHUB_URL }}" >> .env.production
  echo "VITE_VIDEOS_ASSETS_URL=${{ vars.VIDEOS_ASSETS_URL }}" >> .env.production
  echo "VITE_IMAGES_ASSETS_URL=${{ vars.IMAGES_ASSETS_URL }}" >> .env.production
  echo "VITE_USE_PROXY=false" >> .env.production
  echo "VITE_NETWORK_RETRY_COUNT=${{ vars.NETWORK_RETRY_COUNT }}" >> .env.production
  echo "VITE_WEBSOCKET_RETRY_TIMEOUT=${{ vars.WEBSOCKET_RETRY_TIMEOUT }}" >> .env.production
  echo "VITE_USE_MOCK=false" >> .env.production
- echo "VITE_DISCORD_URL=${{ vars.DISCORD_URL }}" >> .env.production
  echo "VITE_MUI_LICENSE_KEY=${{ secrets.MUI_LICENSE_KEY }}" >> .env.production
  echo "VITE_LOAD_PAGE_TIMEOUT=${{ vars.LOAD_PAGE_TIMEOUT }}" >> .env.production
  echo "VITE_POSTHOG_DEV_PROJECT_API_KEY=${{ secrets.POSTHOG_DEV_PROJECT_API_KEY }}" >> .env.production

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
@@ -15,14 +15,16 @@ jobs:
  - name: Create env file
  run: |
  echo "VITE_FIX_LANDING_PAGE_URL=${{ vars.FIX_LANDING_PAGE_URL }}" > .env.production
- echo "VITE_FIX_DOCS_URL=${{ vars.VITE_FIX_DOCS_URL }}" > .env.production
+ echo "VITE_FIX_DOCS_URL=${{ vars.FIX_DOCS_URL }}" > .env.production
+ echo "VITE_BOOK_A_CALL_URL=${{ vars.BOOK_A_CALL_URL }}" >> .env.production
+ echo "VITE_DISCORD_URL=${{ vars.DISCORD_URL }}" >> .env.production
+ echo "VITE_GITHUB_URL=${{ vars.NGITHUB_URL }}" >> .env.production
  echo "VITE_VIDEOS_ASSETS_URL=${{ vars.VIDEOS_ASSETS_URL }}" >> .env.production
  echo "VITE_IMAGES_ASSETS_URL=${{ vars.IMAGES_ASSETS_URL }}" >> .env.production
  echo "VITE_USE_PROXY=false" >> .env.production
  echo "VITE_NETWORK_RETRY_COUNT=${{ vars.NETWORK_RETRY_COUNT }}" >> .env.production
  echo "VITE_WEBSOCKET_RETRY_TIMEOUT=${{ vars.WEBSOCKET_RETRY_TIMEOUT }}" >> .env.production
  echo "VITE_USE_MOCK=false" >> .env.production
- echo "VITE_DISCORD_URL=${{ vars.DISCORD_URL }}" >> .env.production
  echo "VITE_TRACKJS_TOKEN=${{ secrets.TRACKJS_TOKEN }}" >> .env.production
  echo "VITE_MUI_LICENSE_KEY=${{ secrets.MUI_LICENSE_KEY }}" >> .env.production
  echo "VITE_VERSION=${{ github.sha }}" >> .env.production

diff --git a/README.md b/README.md
@@ -15,6 +15,9 @@ This project requires [NodeJS](https://nodejs.org) version 18 (>= v18.17.1) and
 | ----------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- |
 | `VITE_FIX_LANDING_PAGE_URL` | `string` | URL of main landing page | `location.origin` |
 | `VITE_FIX_DOCS_URL` | `string` | URL of fix document | `location.origin` |
+| `VITE_BOOK_A_CALL_URL` | `string` | Book a call button URL | `#` |
+| `VITE_DISCORD_URL` | `string` | Discord server URL | `#` |
+| `VITE_GITHUB_URL` | `string` | Github URL | `#` |
 | `VITE_SERVER` | `string` | Server address for API calls (ignored in test environments or when `VITE_USE_PROXY=true`) | `location.origin` |
 | `VITE_WS_SERVER` | `string` | WS server address for events (ignored in test environments or when `VITE_USE_PROXY=true`) | `location.origin.replace('http', 'ws')` |
 | `VITE_VIDEOS_ASSETS_URL` | `string` | URL to CDN containing videos assets | `location.origin` |
@@ -25,7 +28,6 @@ This project requires [NodeJS](https://nodejs.org) version 18 (>= v18.17.1) and
 | `HOST` | `string` | Host on which Vite should create the server | `localhost` |
 | `PORT` | `number` | Port on which Vite should run the local server | `5173` |
 | `VITE_USE_MOCK` | `boolean` | Whether or not to use the mock server | `false` |
-| `VITE_DISCORD_URL` | `string` | Discord server URL | `#` |
 | `VITE_TRACKJS_TOKEN` | `string` | TrackJS token (if undefined, TrackJS won't be installed) | `undefined` |
 | `VITE_MUI_LICENSE_KEY` | `string` | MUI premium license key (if undefined, MUI license won't be installed) | `undefined` |
 | `VITE_LOAD_PAGE_TIMEOUT` | `number` | Loading page timeout in milliseconds | `30000` |

diff --git a/index.html b/index.html
@@ -129,12 +129,12 @@
  <script src="/outdated-browser-rework.min.js"></script>
  <script>outdatedBrowserRework({
  browserSupport: {
- Chrome: 450,
+ Chrome: 87,
  Edge: 88,
  Safari: 14,
- "Mobile Safari": 11,
- Firefox: 78,
- Opera: 50,
+ "Mobile Safari": 14,
+ Firefox: 79,
+ Opera: 71,
  IE: false
  },
  requireChromeOnAndroid: false,

diff --git a/package.json b/package.json
@@ -39,16 +39,16 @@
  "@fontsource-variable/plus-jakarta-sans": "^5.1.0",
  "@lingui/macro": "^4.11.4",
  "@lingui/react": "^4.11.4",
- "@mui/icons-material": "^6.1.0",
- "@mui/lab": "^6.0.0-beta.8",
- "@mui/material": "^6.1.0",
- "@mui/system": "^6.1.0",
- "@mui/x-charts": "^7.17.0",
- "@mui/x-charts-pro": "^7.0.0-beta.1",
- "@mui/x-data-grid-premium": "^7.17.0",
- "@mui/x-date-pickers-pro": "^7.17.0",
- "@mui/x-tree-view": "^7.17.0",
- "@tanstack/react-query": "^5.56.2",
+ "@mui/icons-material": "^6.1.1",
+ "@mui/lab": "^6.0.0-beta.10",
+ "@mui/material": "^6.1.1",
+ "@mui/system": "^6.1.1",
+ "@mui/x-charts": "^7.18.0",
+ "@mui/x-charts-pro": "^7.0.0-beta.2",
+ "@mui/x-data-grid-premium": "^7.18.0",
+ "@mui/x-date-pickers-pro": "^7.18.0",
+ "@mui/x-tree-view": "^7.18.0",
+ "@tanstack/react-query": "^5.59.0",
  "@uidotdev/usehooks": "^2.4.1",
  "axios": "^1.7.7",
  "d3": "^7.9.0",
@@ -61,7 +61,7 @@
  "js-cookie": "^3.0.5",
  "lowlight": "^3.1.0",
  "mustache": "^4.2.0",
- "posthog-js": "^1.161.3",
+ "posthog-js": "^1.166.1",
  "qrcode": "^1.5.4",
  "react": "^18.3.1",
  "react-dom": "^18.3.1",
@@ -79,55 +79,55 @@
  "@emotion/styled": "^11.13.0",
  "@eslint/compat": "^1.1.1",
  "@eslint/eslintrc": "^3.1.0",
- "@eslint/js": "^9.10.0",
+ "@eslint/js": "^9.11.1",
  "@lingui/cli": "^4.11.4",
- "@lingui/swc-plugin": "4.0.9",
+ "@lingui/swc-plugin": "^4.0.10",
  "@lingui/vite-plugin": "^4.11.4",
- "@storybook/addon-essentials": "^8.3.0",
- "@storybook/addon-links": "^8.3.0",
- "@storybook/blocks": "^8.3.0",
- "@storybook/react": "^8.3.0",
- "@storybook/react-vite": "^8.3.0",
- "@storybook/test": "^8.3.0",
+ "@storybook/addon-essentials": "^8.3.4",
+ "@storybook/addon-links": "^8.3.4",
+ "@storybook/blocks": "^8.3.4",
+ "@storybook/react": "^8.3.4",
+ "@storybook/react-vite": "^8.3.4",
+ "@storybook/test": "^8.3.4",
  "@testing-library/jest-dom": "^6.5.0",
  "@types/d3": "^7.4.3",
  "@types/diff": "^5.2.2",
  "@types/js-cookie": "^3.0.6",
  "@types/mustache": "^4.2.5",
  "@types/qrcode": "^1.5.5",
- "@types/react": "^18.3.6",
+ "@types/react": "^18.3.10",
  "@types/react-dom": "^18.3.0",
  "@types/react-is": "^18.3.0",
  "@types/react-lazy-load-image-component": "^1.6.4",
  "@types/react-window": "^1.8.8",
- "@vitejs/plugin-react-swc": "~3.7.0",
+ "@vitejs/plugin-react-swc": "^3.7.1",
  "@vitest/coverage-v8": "^2.1.1",
  "@vitest/ui": "^2.1.1",
  "babel-plugin-macros": "3.1.0",
- "esbuild": "^0.23.1",
- "eslint": "^9.10.0",
+ "esbuild": "^0.24.0",
+ "eslint": "^9.11.1",
  "eslint-plugin-prettier": "^5.2.1",
  "eslint-plugin-react-hooks": "^5.1.0-rc.0",
  "eslint-plugin-react-refresh": "^0.4.12",
- "eslint-plugin-storybook": "^0.8.0",
- "globals": "^15.9.0",
+ "eslint-plugin-storybook": "^0.9.0",
+ "globals": "^15.10.0",
  "husky": "^9.1.6",
  "lint-staged": "^15.2.10",
  "prettier": "^3.3.3",
- "prettier-plugin-organize-imports": "^4.0.0",
+ "prettier-plugin-organize-imports": "^4.1.0",
  "prop-types": "15",
  "react-refresh": "^0.14.2",
  "shx": "^0.3.4",
- "storybook": "^8.3.0",
+ "storybook": "^8.3.4",
  "tsc-files": "^1.1.4",
  "type-fest": "^4.26.1",
  "typescript": "^5.6.2",
- "typescript-eslint": "^8.5.0",
+ "typescript-eslint": "^8.8.0",
  "unique-names-generator": "^4.7.1",
  "uuid": "^10.0.0",
- "vite": "^5.4.5",
+ "vite": "^5.4.8",
  "vite-plugin-html": "^3.2.2",
- "vite-plugin-mock-dev-server": "^1.7.1",
+ "vite-plugin-mock-dev-server": "^1.7.3",
  "vite-plugin-svgr": "^4.2.0",
  "vitest": "^2.1.1",
  "web-vitals": "^4.2.3"

diff --git a/src/assets/icons/book-4-icon.svg b/src/assets/icons/book-4-icon.svg
diff --git a/src/assets/icons/calendar-month-icon.svg b/src/assets/icons/calendar-month-icon.svg
diff --git a/src/assets/icons/chevron-right-icon.svg b/src/assets/icons/chevron-right-icon.svg
diff --git a/src/assets/icons/close-icon.svg b/src/assets/icons/close-icon.svg
diff --git a/src/assets/icons/close-small-icon.svg b/src/assets/icons/close-small-icon.svg
diff --git a/src/assets/icons/globe-icon.svg b/src/assets/icons/globe-icon.svg
diff --git a/src/assets/icons/history-icon.svg b/src/assets/icons/history-icon.svg