Fixed wrong vehicle part labels (#904)

* Fixed wrong vehicle part labels

* Fixed orientation translation => DamageDisclosure

Author: dlymonkai

packages/common/src/i18n/translations/vehicleParts.ts

@@ -24,26 +24,26 @@ export const vehiclePartLabels: Record<VehiclePart, TranslationObject> = {
   },
   [VehiclePart.DOOR_BACK_LEFT]: {
     en: 'Rear Door Left',
-    fr: 'Portière arrière droite',
-    de: 'Tür hinten rechts',
+    fr: 'Portière arrière gauche',
+    de: 'Tür hinten links',
     nl: 'Achterdeur links',
   },
   [VehiclePart.DOOR_BACK_RIGHT]: {
     en: 'Rear Door Right',
-    fr: 'Portière arrière gauche',
-    de: 'Tür hinten links',
+    fr: 'Portière arrière droite',
+    de: 'Tür hinten rechts',
     nl: 'Achterdeur rechts',
   },
   [VehiclePart.DOOR_FRONT_LEFT]: {
     en: 'Front Door Left',
-    fr: 'Portière avant droite',
-    de: 'Vordertür rechts',
+    fr: 'Portière avant gauche',
+    de: 'Tür vorne links',
     nl: 'Voordeur links',
   },
   [VehiclePart.DOOR_FRONT_RIGHT]: {
     en: 'Front Door Right',
-    fr: 'Portière avant gauche',
-    de: 'Tür vorne links',
+    fr: 'Portière avant droite',
+    de: 'Tür vorne rechts',
     nl: 'Voordeur rechts',
   },
   [VehiclePart.FENDER_BACK_LEFT]: {

packages/inspection-capture-web/src/DamageDisclosure/DamageDisclosure.tsx

@@ -1,20 +1,14 @@
 import { useAnalytics } from '@monkvision/analytics';
 import { Camera, CameraHUDProps, CameraProps } from '@monkvision/camera-web';
-import {
-  useI18nSync,
-  useLoadingState,
-  useObjectMemo,
-  useWindowDimensions,
-} from '@monkvision/common';
-import { BackdropDialog, Icon, InspectionGallery } from '@monkvision/common-ui-web';
+import { useI18nSync, useLoadingState, useObjectMemo } from '@monkvision/common';
+import { BackdropDialog, InspectionGallery } from '@monkvision/common-ui-web';
 import { MonkApiConfig } from '@monkvision/network';
 import {
   AddDamage,
   CameraConfig,
   PhotoCaptureAppConfig,
   ComplianceOptions,
   CompressionOptions,
-  DeviceOrientation,
   ImageType,
   MonkPicture,
   VehicleType,
@@ -115,7 +109,6 @@ export function DamageDisclosure({
   });
   const { t } = useTranslation();
   const [currentScreen, setCurrentScreen] = useState(CaptureScreen.CAMERA);
-  const dimensions = useWindowDimensions();
   const analytics = useAnalytics();
   const loading = useLoadingState();
   const handleOpenGallery = () => {
@@ -161,9 +154,6 @@ export function DamageDisclosure({
   const handleGalleryBack = () => {
     setCurrentScreen(CaptureScreen.CAMERA);
   };
-  const isViolatingEnforcedOrientation =
-    enforceOrientation &&
-    (enforceOrientation === DeviceOrientation.PORTRAIT) !== dimensions.isPortrait;
   const hudProps: Omit<DamageDisclosureHUDProps, keyof CameraHUDProps> = {
     inspectionId,
     mode: addDamageHandle.mode,
@@ -181,22 +171,12 @@ export function DamageDisclosure({
     addDamage,
     onValidateVehicleParts: addDamageHandle.handleValidateVehicleParts,
     vehicleType,
+    enforceOrientation,
   };
 
   return (
     <div style={styles['container']}>
-      {currentScreen === CaptureScreen.CAMERA && isViolatingEnforcedOrientation && (
-        <div style={styles['orientationErrorContainer']}>
-          <div style={styles['orientationErrorTitleContainer']}>
-            <Icon icon='rotate' primaryColor='text-primary' size={30} />
-            <div style={styles['orientationErrorTitle']}>{t('photo.orientationError.title')}</div>
-          </div>
-          <div style={styles['orientationErrorDescription']}>
-            {t('photo.orientationError.description')}
-          </div>
-        </div>
-      )}
-      {currentScreen === CaptureScreen.CAMERA && !isViolatingEnforcedOrientation && (
+      {currentScreen === CaptureScreen.CAMERA && (
         <Camera
           HUDComponent={DamageDisclosureHUD}
           onPictureTaken={handlePictureTaken}

packages/inspection-capture-web/src/DamageDisclosure/DamageDisclosureHUD/DamageDisclosureHUD.tsx

@@ -17,13 +17,14 @@ import { CaptureMode } from '../../types';
 import { HUDButtons } from '../../components/HUDButtons';
 import { DamageDisclosureHUDElements } from './DamageDisclosureHUDElements';
 import { HUDOverlay } from '../../components/HUDOverlay';
+import { OrientationEnforcer } from '../../components';
 
 /**
  * Props of the DamageDisclosureHUD component.
  */
 export interface DamageDisclosureHUDProps
   extends CameraHUDProps,
-    Pick<PhotoCaptureAppConfig, 'addDamage' | 'showCloseButton'> {
+    Pick<PhotoCaptureAppConfig, 'addDamage' | 'showCloseButton' | 'enforceOrientation'> {
   /**
    * The inspection ID.
    */
@@ -105,6 +106,7 @@ export function DamageDisclosureHUD({
   loading,
   handle,
   cameraPreview,
+  enforceOrientation,
   images,
   vehicleType,
 }: DamageDisclosureHUDProps) {
@@ -179,6 +181,7 @@ export function DamageDisclosureHUD({
         onCancel={() => setShowCloseModal(false)}
         onConfirm={handleCloseConfirm}
       />
+      <OrientationEnforcer orientation={enforceOrientation} />
     </div>
   );
 }