Merge branch 'frontend-revert-campermission-warning'

Author: thisconnect

frontends/web/src/hooks/permissions.ts

@@ -1216,9 +1216,6 @@
       "paste": "to paste text, enable \"SHOW {{label}}\""
     }
   },
-  "permission": {
-    "camera": "Please grant camera access so the BitBoxApp can scan."
-  },
   "random": {
     "button": "Generate random number",
     "description": "Your BitBox generated the following {{bits}}-bit random number:"

frontends/web/src/locales/en/app.json

@@ -32,16 +32,14 @@ export const ScanQRDialog = ({ parseQRResult, activeScanQR, toggleScanQR, onChan
   return (
     <Dialog
       large
-      onClose={toggleScanQR}
       open={activeScanQR}
-      title={t('send.scanQR')}>
-      <div style={{ minHeight: '300px' }}>
-        <ScanQRVideo
-          onResult={result => {
-            parseQRResult(result);
-            onChangeActiveScanQR(false);
-          }} />
-      </div>
+      title={t('send.scanQR')}
+      onClose={toggleScanQR}>
+      <ScanQRVideo
+        onResult={result => {
+          parseQRResult(result);
+          onChangeActiveScanQR(false);
+        }} />
       <DialogButtons>
         <Button
           secondary

frontends/web/src/routes/account/send/components/dialogs/scan-qr-dialog.tsx

@@ -15,9 +15,7 @@
  */
 
 import { useRef } from 'react';
-import { useTranslation } from 'react-i18next';
 import { useQRScanner } from '../../../../../hooks/qrcodescanner';
-import { useDevicePermission } from '../../../../../hooks/permissions';
 import { SpinnerAnimation } from '../../../../../components/spinner/SpinnerAnimation';
 import style from '../../send.module.css';
 
@@ -28,27 +26,20 @@ type TProps = {
 export const ScanQRVideo = ({
   onResult,
 }: TProps) => {
-  const { t } = useTranslation();
   const videoRef = useRef<HTMLVideoElement>(null);
-  const permission = useDevicePermission('camera');
 
   useQRScanner(videoRef, {
     onResult: result => onResult(result.data),
     onError: console.error
   });
 
-  const permissionWarning = permission !== 'granted'
-    ? <div>{t('permission.camera')}</div>
-    : null;
-
   return (
     <>
       {/*As a "side effect", the spinner will always
       be hidden once the camera / video component
        gets loaded.*/}
       <div className={style.spinnerAnimationContainer}>
         <SpinnerAnimation />
-        {permissionWarning}
       </div>
       <video
         className={style.qrVideo}

frontends/web/src/routes/account/send/components/inputs/scan-qr-video.tsx

@@ -121,8 +121,6 @@
 .spinnerAnimationContainer {
     align-items: center;
     display: flex;
-    flex-direction: column;
-    gap: 4rem;
     height: 0;
     justify-content: center;
     position: relative;