* #RIVS-258 - Change analytics page text for vscode

* #RIVS-245 - [Regression] Cli does not connect to the database when opened for the first time
* #RIVS-247 - [Regression] Invalid database is displayed for some period of time after installing the extension

Author: egor-zalenski

src/webviews/src/pages/EditDatabasePage/EditDatabasePage.spec.tsx

@@ -1,10 +1,22 @@
 import React from 'react'
 
-import { render } from 'testSrc/helpers'
+import * as useCertificates from 'uiSrc/store'
+import { constants, render } from 'testSrc/helpers'
 import { EditDatabasePage } from './EditDatabasePage'
 
+vi.spyOn(useCertificates, 'fetchCerts')
+beforeEach(() => {
+  vi.stubGlobal('ri', { })
+})
+
 describe('EditDatabasePage', () => {
   it('should render', () => {
     expect(render(<EditDatabasePage />)).toBeTruthy()
   })
+
+  it('should call fetchCerts', () => {
+    vi.stubGlobal('ri', { database: constants.DATABASE, keyInfo: { key: constants.KEY_NAME_1 } })
+    expect(render(<EditDatabasePage />)).toBeTruthy()
+    expect(useCertificates.fetchCerts).toBeCalled()
+  })
 })

src/webviews/src/pages/EditDatabasePage/EditDatabasePage.tsx

@@ -1,10 +1,17 @@
-import React, { FC } from 'react'
+import React, { FC, useEffect } from 'react'
 import { DatabasePanel } from 'uiSrc/modules'
-import { useDatabasesStore } from 'uiSrc/store'
+import { fetchCerts, fetchEditedDatabase, useDatabasesStore } from 'uiSrc/store'
 
 export const EditDatabasePage: FC<any> = () => {
   const database = useDatabasesStore((state) => state.editDatabase)
 
+  useEffect(() => {
+    const { database } = window.ri
+    fetchCerts(() => {
+      fetchEditedDatabase(database!)
+    })
+  }, [])
+
   return (
     <div className="flex h-full w-full p-4 overflow-x-auto flex-col" data-testid="panel-view-page">
       <DatabasePanel editMode editedDatabase={database} />