agora-appbuilder-core 4.0.26-beta-4 → 4.0.26-beta-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/template/defaultConfig.js +2 -2
  3. package/template/src/components/Navbar.tsx +11 -1
  4. package/template/src/subComponents/caption/CaptionContainer.tsx +14 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agora-appbuilder-core",
3
- "version": "4.0.26-beta-4",
3
+ "version": "4.0.26-beta-6",
4
4
  "description": "React Native template for RTE app builder",
5
5
  "main": "index.js",
6
6
  "files": [
package/template/defaultConfig.js CHANGED
@@ -76,8 +76,8 @@ const DefaultConfig = {
76
76
  CHAT_ORG_NAME: '',
77
77
  CHAT_APP_NAME: '',
78
78
  CHAT_URL: '',
79
- CLI_VERSION: '3.0.26-beta-4',
80
- CORE_VERSION: '4.0.26-beta-4',
79
+ CLI_VERSION: '3.0.26-beta-6',
80
+ CORE_VERSION: '4.0.26-beta-6',
81
81
  DISABLE_LANDSCAPE_MODE: false,
82
82
  };
83
83
 
package/template/src/components/Navbar.tsx CHANGED
@@ -434,7 +434,17 @@ export const RecordingStatusToolbarItem = () => {
434
434
  const {isRecordingActive} = useRecording();
435
435
  return isRecordingActive ? (
436
436
  <ToolbarItem>
437
- <RecordingInfo recordingLabel={recordingLabel} />
437
+ <View
438
+ style={{
439
+ width: 45,
440
+ height: 35,
441
+ justifyContent: 'center',
442
+ alignItems: 'center',
443
+ alignSelf: 'center',
444
+ zIndex: isWebInternal() ? 3 : 0,
445
+ }}>
446
+ <RecordingInfo recordingLabel={recordingLabel} />
447
+ </View>
438
448
  </ToolbarItem>
439
449
  ) : (
440
450
  <></>
package/template/src/subComponents/caption/CaptionContainer.tsx CHANGED
@@ -56,13 +56,23 @@ const CaptionContainer = () => {
56
56
  <View
57
57
  style={[
58
58
  {
59
- paddingLeft: isMobileUA() ? 0 : isDesktop() ? 32 : 10,
59
+ paddingLeft: isMobileUA()
60
+ ? 0
61
+ : isDesktop()
62
+ ? $config.ICON_TEXT
63
+ ? 32
64
+ : 0
65
+ : 10,
60
66
  paddingRight: isMobileUA()
61
67
  ? 0
62
68
  : isDesktop()
63
69
  ? globalWidth > 1700 && isCaptionNotFullWidth
64
- ? 20
65
- : 32
70
+ ? $config.ICON_TEXT
71
+ ? 20
72
+ : 0
73
+ : $config.ICON_TEXT
74
+ ? 32
75
+ : 0
66
76
  : 10,
67
77
  },
68
78
  //@ts-ignore
@@ -308,7 +318,7 @@ const styles = StyleSheet.create({
308
318
  alignItems: 'center',
309
319
  backgroundColor: $config.CARD_LAYER_1_COLOR,
310
320
  borderRadius: ThemeConfig.BorderRadius.small,
311
- marginTop: 8,
321
+ marginTop: $config.ICON_TEXT ? 8 : 0,
312
322
  },
313
323
  mobileContainer: {
314
324
  paddingVertical: 4,