* (bluefox) Widgets were corrected

README.md

@@ -56,8 +56,8 @@ Here is an example of how to add Reolink E1:
 
 ## How to add a new camera (For developers)
 To add a new camera, you must create a Pull Request on GitHub with the following changes:
-- Add new file into `cameras` folder. This is a backend to read the single image from the camera. 
-- Add GUI file in the `src/src/Types/` folder. This is the configuration dialog for the camera
+- Add a new file into `cameras` folder. This is a backend to read the single image from the camera. 
+- Add a GUI file in the `src/src/Types/` folder. This is the configuration dialog for the camera
 - Add this dialog in `src/src/Tabs/Cameras.tsx` file analogical as other cameras are added. Only two lines should be added:
   - Import new configuration dialog like `import RTSPMyCamConfig from '../Types/RTSPMyCam';`
   - Extend `TYPES` structure with the new camera like `mycam: { Config: RTSPMyCamConfig, name: 'MyCam' },`
@@ -71,6 +71,9 @@ To add a new camera, you must create a Pull Request on GitHub with the following
 -->
 
 ## Changelog
+### **WORK IN PROGRESS**
+* (bluefox) Widgets were corrected
+
 ### 2.1.2 (2024-07-15)
 * (bluefox) Updated packages
 

src-widgets/src/RtspCamera.jsx

@@ -52,7 +52,7 @@ export const CameraField = props => {
                             enabled: iCamera.enabled !== false,
                             value: `${instanceId}/${iCamera.name}`,
                             label: `cameras.${instanceId}/${iCamera.name}`,
-                            subLabel: iCamera.desc ? `${iCamera.desc}/${iCamera.ip}` : iCamera.ip || '',
+                            subLabel: iCamera.desc && iCamera.ip ? `${iCamera.desc}/${iCamera.ip}` : iCamera.desc || iCamera.ip || '',
                         });
                     });
             });
@@ -77,7 +77,7 @@ export const CameraField = props => {
                     style={{ display: 'block', opacity: iCamera.enabled ? 1 : 0.5 }}
                 >
                     <div>{iCamera.label}</div>
-                    <div style={{ fontSize: 10, fontStyle: 'italic', opacity: 0.7 }}>{iCamera.subLabel}</div>
+                    {iCamera.subLabel ? <div style={{ fontSize: 10, fontStyle: 'italic', opacity: 0.7 }}>{iCamera.subLabel}</div> : null}
                     {!iCamera.enabled ? (
                         <div
                             style={{

src-widgets/src/SnapshotCamera.jsx

@@ -303,7 +303,7 @@ class SnapshotCamera extends Generic {
     }
 
     getUrl(isFull) {
-        if (isFull && !this.state.rxData.bigCamera) {
+        if (isFull && this.state.rxData.bigCamera) {
             const url = `../cameras.${this.state.rxData.bigCamera}?`;
             const params = [
                 `ts=${Date.now()}`,
@@ -364,7 +364,7 @@ class SnapshotCamera extends Generic {
                             {Generic.t('Cannot load URL')}
                             :
                         </div>
-                        <div>{this.getUrl(true)}</div>
+                        <div>{url}</div>
                     </div>
                 ) : null}
                 {this.renderDialog(url)}