@postgres.ai/shared 3.5.1-pr-1027.0

package/stores/Snapshots.ts

@@ -0,0 +1,54 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+
+import { makeAutoObservable } from 'mobx'
+
+import { Snapshot } from '@postgres.ai/shared/types/api/entities/snapshot'
+import { GetSnapshots } from '@postgres.ai/shared/types/api/endpoints/getSnapshots'
+
+export type SnapshotsApi = {
+  getSnapshots: GetSnapshots
+}
+export class SnapshotsStore {
+  data: Snapshot[] | null = null
+  error: string | null = null
+  isLoading = false
+
+  private readonly api: SnapshotsApi
+
+  constructor(api: SnapshotsApi) {
+    this.api = api
+
+    makeAutoObservable(this)
+  }
+
+  load = (instanceId: string) => {
+    this.data = null
+    this.error = null
+    return this.loadData(instanceId)
+  }
+
+  reload = (instanceId: string) => this.loadData(instanceId)
+
+  private loadData = async (instanceId: string) => {
+    this.isLoading = true
+
+    const { response, error } = await this.api.getSnapshots({ instanceId })
+
+    this.isLoading = false
+
+    if (response) this.data = response
+
+    if (error) {
+      this.error = await error
+        .json()
+        .then((error) => error.details?.split('"message": "')[1]?.split('"')[0])
+    }
+
+    return !!response
+  }
+}

package/styles/colors.ts

@@ -0,0 +1,67 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+
+export const colors = {
+  black: '#000',
+  white: '#fff',
+  blue: '#D7EEF2',
+  gray: '#D6D6D6',
+  pgaiLightGray: '#CCCCCC',
+  pgaiOrange: '#FF6212',
+  pgaiDarkGray: '#808080',
+  consoleMenuBackground: '#FBFBFB',
+  consoleStroke: '#CCD7DA',
+  consoleFadedFont: '#808080',
+  state: {
+    ok: '#0DB94D',
+    notice: '#FFAD5F',
+    warning: '#FD8411',
+    error: '#FF2020',
+    processing: '#FFAD5F',
+    unknown: '#808080',
+  },
+  primary: {
+    main: '#FF6212',
+    dark: '#BB3F00',
+    darkDark: '#6F2500',
+    light: '#FF955F',
+    lightLight: '#FFDAC7',
+    contrastText: '#FFFFFF',
+    darkContrastText: '#FFFFFF',
+    lightContrastText: '#000000',
+  },
+  secondary1: {
+    main: '#FF8612',
+    dark: '#BB5B00',
+    darkDark: '#6F3600',
+    light: '#FFAD5F',
+    lightLight: '#FFE3C7',
+    contrastText: '#FFFFFF',
+    darkContrastText: '#FFFFFF',
+    lightContrastText: '#000000',
+  },
+  secondary2: {
+    main: '#0F879D',
+    dark: '#026173',
+    darkDark: '#013A44',
+    light: '#439CAD',
+    lightLight: '#AFD6DE',
+    contrastText: '#FFFFFF',
+    darkContrastText: '#FFFFFF',
+    lightContrastText: '#000000',
+  },
+  complement: {
+    main: '#0CAA76',
+    dark: '#007C53',
+    darkDark: '#004A32',
+    light: '#44B792',
+    lightLight: '#B1E2D2',
+    contrastText: '#FFFFFF',
+    darkContrastText: '#FFFFFF',
+    lightContrastText: '#000000',
+  },
+}

package/styles/global.scss

@@ -0,0 +1,29 @@
+@import './vars';
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: $font-family-text;
+  font-size: $font-size-main;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: $font-family-code;
+}
+
+button {
+  font-family: inherit;
+  font-size: inherit;
+}
+
+#root {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}