Merge branch 'se-billing-ui' into 'master'

feat(ui): SE billing UI (PLATFORM ONLY)

See merge request postgres-ai/database-lab!723

Author: NikolayS

ui/cspell.json

@@ -138,6 +138,43 @@
     "Formik",
     "healthz",
     "SAST",
-    "rehype"
+    "rehype",
+    "selfassigned_instance_id",
+    "Paulo",
+    "Aviv",
+    "northamerica",
+    "Montréal",
+    "southamerica",
+    "eastasia",
+    "japaneast",
+    "southeastasia",
+    "australiaeast",
+    "australiasoutheast",
+    "westcentral",
+    "northeurope",
+    "uksouth",
+    "ukwest",
+    "westeurope",
+    "canadacentral",
+    "canadaeast",
+    "centralus",
+    "eastus",
+    "northcentralus",
+    "southcentralus",
+    "westcentralus",
+    "westus",
+    "brazilsouth",
+    "Hetzner",
+    "hetzner",
+    "japanwest",
+    "vcpu",
+    "Createdb",
+    "BYOM",
+    "vcpus",
+    "postgresai",
+    "nvme",
+    "HCLOUD",
+    "gserviceaccount",
+    "pgrst"
   ]
 }

ui/packages/ce/src/api/engine/getEngine.ts

@@ -1,5 +1,8 @@
+import {
+  EngineDto,
+  formatEngineDto,
+} from '@postgres.ai/shared/types/api/endpoints/getEngine'
 import { request } from 'helpers/request'
-import { EngineDto, formatEngineDto } from 'types/api/entities/engine'
 
 export const getEngine = async () => {
   const response = await request('/healthz')

ui/packages/ce/src/api/instances/getInstance.ts

@@ -6,7 +6,7 @@
  */
 
 import { GetInstance } from '@postgres.ai/shared/types/api/endpoints/getInstance'
-import { formatInstanceDto } from '@postgres.ai/shared/types/api/entities/instance'
+import { formatInstanceDto, InstanceDto } from '@postgres.ai/shared/types/api/entities/instance'
 import { InstanceStateDto } from '@postgres.ai/shared/types/api/entities/instanceState'
 
 import { request } from 'helpers/request'
@@ -24,7 +24,7 @@ export const getInstance: GetInstance = async () => {
     : null
 
   return {
-    response: responseDto ? formatInstanceDto(responseDto) : null,
+    response: responseDto ? formatInstanceDto(responseDto as InstanceDto) : null,
     error: response.ok ? null : response,
   }
 }

ui/packages/ce/src/stores/app.ts

@@ -1,10 +1,10 @@
 import { makeAutoObservable } from 'mobx'
 
 import { getEngine } from 'api/engine/getEngine'
-import { Engine } from 'types/api/entities/engine'
+import { EngineType } from '@postgres.ai/shared/types/api/endpoints/getEngine'
 
 type EngineProp = {
-  data: Engine | null | undefined
+  data: EngineType | null | undefined
   isLoading: boolean
 }
 

ui/packages/ce/src/types/api/entities/engine.ts

@@ -19,6 +19,8 @@
     "@postgres.ai/ce": "link:../ce",
     "@postgres.ai/platform": "link:./",
     "@postgres.ai/shared": "link:../shared",
+    "@sentry/react": "^6.11.0",
+    "@sentry/tracing": "^6.11.0",
     "@stripe/react-stripe-js": "^1.1.2",
     "@stripe/stripe-js": "^1.9.0",
     "@types/d3": "^7.4.0",
@@ -29,6 +31,7 @@
     "@types/react-dom": "^17.0.3",
     "@types/react-router": "^5.1.17",
     "@types/react-router-dom": "^5.1.7",
+    "@types/react-syntax-highlighter": "^15.5.6",
     "bootstrap": "^4.3.1",
     "byte-size": "^7.0.1",
     "classnames": "^2.3.1",
@@ -61,6 +64,7 @@
     "react-router-dom": "^5.1.2",
     "react-router-hash-link": "^1.2.2",
     "react-scripts": "^5.0.0",
+    "react-syntax-highlighter": "^15.5.0",
     "reflux": "^6.4.1",
     "rehype-raw": "^6.1.1",
     "remark-gfm": "^3.0.1",