From 97823f2caf2a12c6c666e23c0c262e44f43e147d Mon Sep 17 00:00:00 2001 From: Sina Date: Fri, 6 Sep 2024 08:04:24 +0200 Subject: [PATCH] WIP: [chore] redesign (#294) Co-authored-by: Matthias Veit --- .env.example | 2 + .github/workflows/pr-checks.yml | 1 + .github/workflows/publish-pr.yml | 1 + .github/workflows/publish.yml | 1 + README.md | 1 + index.html | 165 ++- package.json | 63 +- public/apple-icon-180.png | Bin 0 -> 2557 bytes public/apple-splash-1125-2436.jpg | Bin 0 -> 28587 bytes public/apple-splash-1136-640.jpg | Bin 0 -> 11700 bytes public/apple-splash-1170-2532.jpg | Bin 0 -> 30153 bytes public/apple-splash-1179-2556.jpg | Bin 0 -> 30077 bytes public/apple-splash-1242-2208.jpg | Bin 0 -> 29281 bytes public/apple-splash-1242-2688.jpg | Bin 0 -> 32784 bytes public/apple-splash-1284-2778.jpg | Bin 0 -> 34970 bytes public/apple-splash-1290-2796.jpg | Bin 0 -> 34818 bytes public/apple-splash-1334-750.jpg | Bin 0 -> 14132 bytes public/apple-splash-1488-2266.jpg | Bin 0 -> 35514 bytes public/apple-splash-1536-2048.jpg | Bin 0 -> 34567 bytes public/apple-splash-1620-2160.jpg | Bin 0 -> 37858 bytes public/apple-splash-1640-2360.jpg | Bin 0 -> 39952 bytes public/apple-splash-1668-2224.jpg | Bin 0 -> 39500 bytes public/apple-splash-1668-2388.jpg | Bin 0 -> 40867 bytes public/apple-splash-1792-828.jpg | Bin 0 -> 17767 bytes public/apple-splash-2048-1536.jpg | Bin 0 -> 34560 bytes public/apple-splash-2048-2732.jpg | Bin 0 -> 52848 bytes public/apple-splash-2160-1620.jpg | Bin 0 -> 36386 bytes public/apple-splash-2208-1242.jpg | Bin 0 -> 28892 bytes public/apple-splash-2224-1668.jpg | Bin 0 -> 38479 bytes public/apple-splash-2266-1488.jpg | Bin 0 -> 35077 bytes public/apple-splash-2360-1640.jpg | Bin 0 -> 40057 bytes public/apple-splash-2388-1668.jpg | Bin 0 -> 40786 bytes public/apple-splash-2436-1125.jpg | Bin 0 -> 28344 bytes public/apple-splash-2532-1170.jpg | Bin 0 -> 30154 bytes public/apple-splash-2556-1179.jpg | Bin 0 -> 30516 bytes public/apple-splash-2688-1242.jpg | Bin 0 -> 32416 bytes public/apple-splash-2732-2048.jpg | Bin 0 -> 53985 bytes public/apple-splash-2778-1284.jpg | Bin 0 -> 34828 bytes public/apple-splash-2796-1290.jpg | Bin 0 -> 34580 bytes public/apple-splash-640-1136.jpg | Bin 0 -> 11671 bytes public/apple-splash-750-1334.jpg | Bin 0 -> 14201 bytes public/apple-splash-828-1792.jpg | Bin 0 -> 17677 bytes public/apple-touch-icon.png | Bin 4488 -> 0 bytes public/favicon-16x16.png | Bin 385 -> 0 bytes public/favicon-196.png | Bin 0 -> 2734 bytes public/favicon-32x32.png | Bin 750 -> 0 bytes public/favicon.ico | Bin 15406 -> 93062 bytes public/logo192.png | Bin 5092 -> 0 bytes public/logo512.png | Bin 18015 -> 0 bytes public/manifest-icon-192.maskable.png | Bin 0 -> 2617 bytes public/manifest-icon-512.maskable.png | Bin 0 -> 7021 bytes public/manifest.json | 30 +- public/mstile-icon-128.png | Bin 0 -> 1812 bytes public/mstile-icon-270.png | Bin 0 -> 3700 bytes public/mstile-icon-558-270.png | Bin 0 -> 3959 bytes public/mstile-icon-558.png | Bin 0 -> 7565 bytes public/particles.min.js | 1 - src/assets/icons/account-circle-icon.svg | 4 + src/assets/icons/cancel-icon.svg | 4 + src/assets/icons/check-icon.svg | 3 + src/assets/icons/cloud-icon.svg | 4 + src/assets/icons/code-blocks-icon.svg | 4 + src/assets/icons/createIcon.tsx | 6 +- src/assets/icons/dashboard-icon.svg | 4 + src/assets/icons/description-icon.svg | 4 + src/assets/icons/double-arrow-icon.svg | 3 + src/assets/icons/fix-beta-logo.svg | 15 - src/assets/icons/fix-logo-no-background.svg | 4 + src/assets/icons/fix-logo.svg | 21 +- src/assets/icons/github-seb-icon.svg | 5 +- src/assets/icons/google-seb-icon.svg | 53 +- src/assets/icons/group-icon.svg | 4 + src/assets/icons/help-icon.svg | 4 + src/assets/icons/home-icon.svg | 4 + src/assets/icons/index.ts | 60 +- src/assets/icons/info-icon.svg | 4 + src/assets/icons/keyboard-arrow-down-icon.svg | 3 + src/assets/icons/lab-profile-icon.svg | 4 + src/assets/icons/local-police-icon.svg | 4 + src/assets/icons/logout-icon.svg | 4 + src/assets/icons/mail-icon.svg | 4 + src/assets/icons/meeting-room-icon.svg | 4 + src/assets/icons/menu-icon.svg | 4 + src/assets/icons/password-icon.svg | 4 + src/assets/icons/search-icon.svg | 4 + src/assets/icons/settings-icon.svg | 4 + src/assets/icons/show-icon.svg | 4 + src/assets/icons/tick-small-icon.svg | 4 + src/assets/icons/visibility-off-icon.svg | 4 + src/assets/icons/warning-icon.svg | 4 + src/assets/icons/workspace-settings-icon.svg | 4 + src/containers/auth/AuthCarousel.tsx | 138 ++ src/containers/auth/AuthContainer.tsx | 109 +- src/containers/auth/getQuotes.ts | 25 + src/containers/auth/iso.svg | 48 + src/containers/panel/PanelContainer.tsx | 4 +- .../panel/PanelInitialMessageHandler.tsx | 2 +- .../subscription/SubscriptionContainer.tsx | 2 +- src/core/auth/AuthGuard.tsx | 7 +- src/core/events/WebSocketEvents.tsx | 2 +- src/core/snackbar/SnackbarProvider.tsx | 75 +- src/core/theme/Theme.tsx | 214 ++- src/locales/de-DE/messages.po | 263 ++-- src/locales/en-US/messages.po | 263 ++-- .../forgot-password/ForgotPasswordPage.tsx | 87 +- src/pages/auth/login/LoginPage.tsx | 389 +++--- src/pages/auth/register/RegisterPage.tsx | 164 ++- .../auth/reset-password/ResetPasswordPage.tsx | 74 +- .../InventoryAdvanceSearchTextField.tsx | 38 +- .../inventory-form/InventoryFormField.tsx | 2 +- .../InventoryFormFullTextSearchValue.tsx | 36 +- .../InventoryForms.skeleton.tsx | 16 +- src/pages/panel/security/Overview.tsx | 24 +- ...aceSettingsAccountsSetupCloudAzureForm.tsx | 2 +- .../ChangeProductTier.tsx | 4 +- .../ChangeProductTierModal.tsx | 4 +- .../ChangeProductTierToFreeModal.tsx | 4 +- .../ConfirmChangePaymentModal.tsx | 4 +- .../InviteExternalUser.tsx | 4 +- .../WorkspaceSettingsConnectedServices.tsx | 4 +- .../choose-workspace/ChooseWorkspacePage.tsx | 4 +- src/setupTests.ts | 2 - .../AbsoluteNavigateProvider.tsx | 20 +- src/shared/absolute-navigate/getHrefFromTo.ts | 12 +- src/shared/circular-score/CircularScore.tsx | 15 +- src/shared/cloud-avatar/CloudAvatar.tsx | 2 +- src/shared/constants/env.ts | 1 + src/shared/constants/panelUI.ts | 42 +- src/shared/event-button/EventButton.tsx | 12 +- src/shared/layouts/auth-layout/AuthLayout.tsx | 144 +- src/shared/layouts/auth-layout/index.ts | 2 +- .../panel-layout/AccountCheckGuard.tsx | 106 +- .../layouts/panel-layout/DrawerMenu.tsx | 397 +++--- src/shared/layouts/panel-layout/MainMenu.tsx | 36 + .../layouts/panel-layout/PanelAppBar.tsx | 194 +-- .../layouts/panel-layout/PanelBreadcrumbs.tsx | 61 +- .../layouts/panel-layout/PanelContent.tsx | 37 +- .../layouts/panel-layout/PanelDrawer.tsx | 87 -- .../layouts/panel-layout/PanelHeader.tsx | 149 +- .../layouts/panel-layout/PanelHeaderButton.ts | 24 + .../layouts/panel-layout/PanelHeaderMenu.tsx | 92 ++ .../layouts/panel-layout/PanelLayout.tsx | 31 +- .../layouts/panel-layout/PanelToolbar.ts | 22 + .../layouts/panel-layout/SettingsButton.tsx | 30 + .../layouts/panel-layout/UserButton.tsx | 44 + .../panel-layout/UserProfileButton.tsx | 172 --- .../layouts/panel-layout/WorkspacesButton.tsx | 197 +++ src/shared/layouts/panel-layout/menuList.tsx | 154 +- .../layouts/panel-layout/useBreadcrumbs.ts | 3 +- src/shared/link-button/ExternalLinkButton.tsx | 11 +- src/shared/loading/FullPageLoading.tsx | 68 +- src/shared/loading/Spinner.tsx | 5 +- .../login-social-media/LoginSocialMedia.tsx | 20 +- .../password-text-field/PasswordTextField.tsx | 13 +- .../social-media-button/IconFromOAuthType.tsx | 5 +- .../SocialMediaButton.skeleton.tsx | 2 +- .../social-media-button/SocialMediaButton.tsx | 17 +- .../SocialMediaButtonFromOauthType.tsx | 2 +- .../getColorFromOAuthType.tsx | 9 +- .../StickyAccordionSummaryWithIcon.tsx | 2 +- src/shared/types/global/particleJs.d.ts | 161 --- src/shared/types/global/theme.d.ts | 13 + src/shared/types/global/vite-client.d.ts | 1 + src/shared/utils/getErrorMessage.ts | 6 +- src/shared/utils/stringAvatar.ts | 27 + src/shared/utils/useSwipe.ts | 103 ++ yarn.lock | 1244 +++++++++-------- 167 files changed, 3725 insertions(+), 2618 deletions(-) create mode 100644 public/apple-icon-180.png create mode 100644 public/apple-splash-1125-2436.jpg create mode 100644 public/apple-splash-1136-640.jpg create mode 100644 public/apple-splash-1170-2532.jpg create mode 100644 public/apple-splash-1179-2556.jpg create mode 100644 public/apple-splash-1242-2208.jpg create mode 100644 public/apple-splash-1242-2688.jpg create mode 100644 public/apple-splash-1284-2778.jpg create mode 100644 public/apple-splash-1290-2796.jpg create mode 100644 public/apple-splash-1334-750.jpg create mode 100644 public/apple-splash-1488-2266.jpg create mode 100644 public/apple-splash-1536-2048.jpg create mode 100644 public/apple-splash-1620-2160.jpg create mode 100644 public/apple-splash-1640-2360.jpg create mode 100644 public/apple-splash-1668-2224.jpg create mode 100644 public/apple-splash-1668-2388.jpg create mode 100644 public/apple-splash-1792-828.jpg create mode 100644 public/apple-splash-2048-1536.jpg create mode 100644 public/apple-splash-2048-2732.jpg create mode 100644 public/apple-splash-2160-1620.jpg create mode 100644 public/apple-splash-2208-1242.jpg create mode 100644 public/apple-splash-2224-1668.jpg create mode 100644 public/apple-splash-2266-1488.jpg create mode 100644 public/apple-splash-2360-1640.jpg create mode 100644 public/apple-splash-2388-1668.jpg create mode 100644 public/apple-splash-2436-1125.jpg create mode 100644 public/apple-splash-2532-1170.jpg create mode 100644 public/apple-splash-2556-1179.jpg create mode 100644 public/apple-splash-2688-1242.jpg create mode 100644 public/apple-splash-2732-2048.jpg create mode 100644 public/apple-splash-2778-1284.jpg create mode 100644 public/apple-splash-2796-1290.jpg create mode 100644 public/apple-splash-640-1136.jpg create mode 100644 public/apple-splash-750-1334.jpg create mode 100644 public/apple-splash-828-1792.jpg delete mode 100644 public/apple-touch-icon.png delete mode 100644 public/favicon-16x16.png create mode 100644 public/favicon-196.png delete mode 100644 public/favicon-32x32.png delete mode 100644 public/logo192.png delete mode 100644 public/logo512.png create mode 100644 public/manifest-icon-192.maskable.png create mode 100644 public/manifest-icon-512.maskable.png create mode 100644 public/mstile-icon-128.png create mode 100644 public/mstile-icon-270.png create mode 100644 public/mstile-icon-558-270.png create mode 100644 public/mstile-icon-558.png delete mode 100644 public/particles.min.js create mode 100644 src/assets/icons/account-circle-icon.svg create mode 100644 src/assets/icons/cancel-icon.svg create mode 100644 src/assets/icons/check-icon.svg create mode 100644 src/assets/icons/cloud-icon.svg create mode 100644 src/assets/icons/code-blocks-icon.svg create mode 100644 src/assets/icons/dashboard-icon.svg create mode 100644 src/assets/icons/description-icon.svg create mode 100644 src/assets/icons/double-arrow-icon.svg delete mode 100644 src/assets/icons/fix-beta-logo.svg create mode 100644 src/assets/icons/fix-logo-no-background.svg create mode 100644 src/assets/icons/group-icon.svg create mode 100644 src/assets/icons/help-icon.svg create mode 100644 src/assets/icons/home-icon.svg create mode 100644 src/assets/icons/info-icon.svg create mode 100644 src/assets/icons/keyboard-arrow-down-icon.svg create mode 100644 src/assets/icons/lab-profile-icon.svg create mode 100644 src/assets/icons/local-police-icon.svg create mode 100644 src/assets/icons/logout-icon.svg create mode 100644 src/assets/icons/mail-icon.svg create mode 100644 src/assets/icons/meeting-room-icon.svg create mode 100644 src/assets/icons/menu-icon.svg create mode 100644 src/assets/icons/password-icon.svg create mode 100644 src/assets/icons/search-icon.svg create mode 100644 src/assets/icons/settings-icon.svg create mode 100644 src/assets/icons/show-icon.svg create mode 100644 src/assets/icons/tick-small-icon.svg create mode 100644 src/assets/icons/visibility-off-icon.svg create mode 100644 src/assets/icons/warning-icon.svg create mode 100644 src/assets/icons/workspace-settings-icon.svg create mode 100644 src/containers/auth/AuthCarousel.tsx create mode 100644 src/containers/auth/getQuotes.ts create mode 100644 src/containers/auth/iso.svg create mode 100644 src/shared/layouts/panel-layout/MainMenu.tsx delete mode 100644 src/shared/layouts/panel-layout/PanelDrawer.tsx create mode 100644 src/shared/layouts/panel-layout/PanelHeaderButton.ts create mode 100644 src/shared/layouts/panel-layout/PanelHeaderMenu.tsx create mode 100644 src/shared/layouts/panel-layout/PanelToolbar.ts create mode 100644 src/shared/layouts/panel-layout/SettingsButton.tsx create mode 100644 src/shared/layouts/panel-layout/UserButton.tsx delete mode 100644 src/shared/layouts/panel-layout/UserProfileButton.tsx create mode 100644 src/shared/layouts/panel-layout/WorkspacesButton.tsx delete mode 100644 src/shared/types/global/particleJs.d.ts create mode 100644 src/shared/utils/stringAvatar.ts create mode 100644 src/shared/utils/useSwipe.ts diff --git a/.env.example b/.env.example index c866074f..fa4cd098 100644 --- a/.env.example +++ b/.env.example @@ -1,5 +1,7 @@ # URL to main fix landing page (if empty, it will get the url is currently on) 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 # 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) diff --git a/.github/workflows/pr-checks.yml b/.github/workflows/pr-checks.yml index 12f2c91c..e97f624f 100644 --- a/.github/workflows/pr-checks.yml +++ b/.github/workflows/pr-checks.yml @@ -20,6 +20,7 @@ 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_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 diff --git a/.github/workflows/publish-pr.yml b/.github/workflows/publish-pr.yml index 575b3668..ce75bc07 100644 --- a/.github/workflows/publish-pr.yml +++ b/.github/workflows/publish-pr.yml @@ -20,6 +20,7 @@ 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_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 diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml index 41a4a48d..ec369011 100644 --- a/.github/workflows/publish.yml +++ b/.github/workflows/publish.yml @@ -15,6 +15,7 @@ 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_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 diff --git a/README.md b/README.md index d7efdd3c..d46eb257 100644 --- a/README.md +++ b/README.md @@ -14,6 +14,7 @@ This project requires [NodeJS](https://nodejs.org) version 18 (>= v18.17.1) and | Variable | Type | Description | Default value | | ----------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | | `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_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` | diff --git a/index.html b/index.html index 3232c9ab..7571cc85 100644 --- a/index.html +++ b/index.html @@ -1,33 +1,69 @@ - + - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - +