From 0f24a2860668d50b2535da0d951944b317d5517a Mon Sep 17 00:00:00 2001
From: f_ms <hi@imf.ms>
Date: Sun, 16 Jan 2022 18:58:03 +0800
Subject: [PATCH] feat(camera-modal): Allow to configure camera
 noDevicesButtonText, noDevicesText

---
 src/components.d.ts                          | 4 ++++
 src/components/camera-modal/camera-modal.tsx | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/components.d.ts b/src/components.d.ts
index e6b3846..b3269e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -27,6 +27,8 @@ export namespace Components {
   interface PwaCameraModal {
     'dismiss': () => Promise<void>;
     'facingMode': string;
+    'noDevicesButtonText'?: string;
+    'noDevicesText'?: string;
     'present': () => Promise<void>;
   }
   interface PwaCameraModalInstance {
@@ -97,6 +99,8 @@ declare namespace LocalJSX {
   }
   interface PwaCameraModal {
     'facingMode'?: string;
+    'noDevicesButtonText'?: string;
+    'noDevicesText'?: string;
     'onNoDeviceError'?: (event: CustomEvent<any>) => void;
     'onOnPhoto'?: (event: CustomEvent<any>) => void;
   }
diff --git a/src/components/camera-modal/camera-modal.tsx b/src/components/camera-modal/camera-modal.tsx
index 23da668..28cf363 100644
--- a/src/components/camera-modal/camera-modal.tsx
+++ b/src/components/camera-modal/camera-modal.tsx
@@ -7,6 +7,8 @@ import { h, Event, EventEmitter, Component, Method, Prop } from '@stencil/core';
 })
 export class PWACameraModal {
   @Prop() facingMode: string = 'user';
+  @Prop() noDevicesButtonText?: string;
+  @Prop() noDevicesText?: string;
 
   @Event() onPhoto: EventEmitter;
   @Event() noDeviceError: EventEmitter;
@@ -17,6 +19,8 @@ export class PWACameraModal {
   async present() {
     const camera = document.createElement('pwa-camera-modal-instance');
     camera.facingMode = this.facingMode;
+    camera.noDevicesButtonText = this.noDevicesButtonText;
+    camera.noDevicesText = this.noDevicesText;
 
     camera.addEventListener('onPhoto', async (e: any) => {
       if (!this._modal) {