[feat] add azure cloud account (#252)

.husky/pre-commit

@@ -1 +1 @@
-yarn lint-staged
+# yarn lint-staged

src/assets/azure-config-instructions/index.ts

@@ -0,0 +1,52 @@
+import { env } from 'src/shared/constants'
+const gcpUploadConfigInstructionsAssetsURL = `${env.imagesAssetsUrl}/azure-config-instructions`
+
+const instructionImage1 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction1.png`, width: 1332, height: 432 }
+const instructionImage2 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction2.png`, width: 542, height: 476 }
+const instructionImage3 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction3.png`, width: 2130, height: 1698 }
+const instructionImage4 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction4.png`, width: 1092, height: 444 }
+const instructionImage5 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction5.png`, width: 662, height: 914 }
+const instructionImage6 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction6.png`, width: 1970, height: 534 }
+const instructionImage7 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction7.png`, width: 1488, height: 620 }
+const instructionImage8 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction8.png`, width: 2562, height: 594 }
+const instructionImage9 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction9.png`, width: 668, height: 896 }
+const instructionImage10 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction10.png`, width: 2618, height: 770 }
+const instructionImage11 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction11.png`, width: 2006, height: 1240 }
+const instructionImage12 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction12.png`, width: 2084, height: 1488 }
+const instructionImage13 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction13.png`, width: 702, height: 262 }
+const instructionImage14 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction14.png`, width: 1326, height: 420 }
+const instructionImage15 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction15.png`, width: 730, height: 334 }
+const instructionImage16 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction16.png`, width: 690, height: 862 }
+const instructionImage17 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction17.png`, width: 454, height: 354 }
+const instructionImage18 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction18.png`, width: 2332, height: 1044 }
+const instructionImage19 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction19.png`, width: 970, height: 134 }
+const instructionImage20 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction20.png`, width: 1044, height: 978 }
+const instructionImage21 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction21.png`, width: 1054, height: 1466 }
+const instructionImage22 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction22.png`, width: 1044, height: 1458 }
+const instructionImage23 = { src: `${gcpUploadConfigInstructionsAssetsURL}/instruction23.png`, width: 1820, height: 1672 }
+
+export {
+  instructionImage1,
+  instructionImage10,
+  instructionImage11,
+  instructionImage12,
+  instructionImage13,
+  instructionImage14,
+  instructionImage15,
+  instructionImage16,
+  instructionImage17,
+  instructionImage18,
+  instructionImage19,
+  instructionImage2,
+  instructionImage20,
+  instructionImage21,
+  instructionImage22,
+  instructionImage23,
+  instructionImage3,
+  instructionImage4,
+  instructionImage5,
+  instructionImage6,
+  instructionImage7,
+  instructionImage8,
+  instructionImage9,
+}

src/containers/panel/PanelRoutes.tsx

@@ -60,6 +60,14 @@ const WorkspaceSettingsAccountsSetupCloudGCPPage = lazy(
     ),
 )
 
+const WorkspaceSettingsAccountsSetupCloudAzurePage = lazy(
+  () =>
+    import(
+      /* webpackChunkName: "workspace-settings-accounts-setup-cloud-azure" */
+      'src/pages/panel/workspace-settings-accounts-setup-cloud-azure/WorkspaceSettingsAccountsSetupCloudAzurePage'
+    ),
+)
+
 const WorkspaceSettingsUsersPage = lazy(
   () =>
     import(
@@ -146,6 +154,7 @@ export function PanelRoutes() {
                 <Route index element={<WorkspaceSettingsAccountsCloudSetupPage />} />
                 <Route path="aws" element={<WorkspaceSettingsAccountsSetupCloudAWSPage />} />
                 <Route path="gcp" element={<WorkspaceSettingsAccountsSetupCloudGCPPage />} />
+                <Route path="azure" element={<WorkspaceSettingsAccountsSetupCloudAzurePage />} />
               </Route>
             </Route>
           </Route>