feat: Temporary certificate acceptance backend

We use the 'certificate-error' event of webContents to detect
certificate verification errors and display a message to manually trust
the certificate.

Certificates are trusted per profile and only until Sophie is restarted.

We still need to build the associated UI, the current one is just a
rough prototype for debugging.

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 16 insertions, 10 deletions

diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
index c07ed15..1f5f9f4 100644
--- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx
+++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
@@ -20,12 +20,15 @@
 
 import Box from '@mui/material/Box';
 import throttle from 'lodash-es/throttle';
-import { observer } from 'mobx-react-lite';
-import React, { useCallback, useRef } from 'react';
+import React, { ReactNode, useCallback, useRef } from 'react';
 
 import { useStore } from './StoreProvider';
 
-export default observer(() => {
+function BrowserViewPlaceholder({
+  children,
+}: {
+  children?: ReactNode;
+}): JSX.Element {
   const store = useStore();
 
   // eslint-disable-next-line react-hooks/exhaustive-deps -- react-hooks doesn't support `throttle`.
@@ -62,11 +65,14 @@ export default observer(() => {
   );
 
   return (
-    <Box
-      sx={{
-        flex: 1,
-      }}
-      ref={ref}
-    />
+    <Box flex={1} ref={ref}>
+      {children}
+    </Box>
   );
-});
+}
+
+BrowserViewPlaceholder.defaultProps = {
+  children: undefined,
+};
+
+export default BrowserViewPlaceholder;