@magmamath/students-features 0.2.0-fix-teacher-feedback-button2 → 0.2.0-fix-teacher-feedback-button4
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.
- package/dist/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js +14 -4
- package/dist/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js.map +1 -1
- package/dist/commonjs/features/feedback/components/UnreadMessagesBadge.js +3 -2
- package/dist/commonjs/features/feedback/components/UnreadMessagesBadge.js.map +1 -1
- package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js +14 -4
- package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js.map +1 -1
- package/dist/module/features/feedback/components/UnreadMessagesBadge.js +3 -2
- package/dist/module/features/feedback/components/UnreadMessagesBadge.js.map +1 -1
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/feedback/components/UnreadMessagesBadge.d.ts +3 -2
- package/dist/typescript/commonjs/features/feedback/components/UnreadMessagesBadge.d.ts.map +1 -1
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts.map +1 -1
- package/dist/typescript/module/features/feedback/components/UnreadMessagesBadge.d.ts +3 -2
- package/dist/typescript/module/features/feedback/components/UnreadMessagesBadge.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx +11 -4
- package/src/features/feedback/components/UnreadMessagesBadge.tsx +4 -3
package/dist/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js
CHANGED
|
@@ -24,8 +24,6 @@ const TeacherFeedbackButton = ({
|
|
|
24
24
|
const handlePress = event => {
|
|
25
25
|
event.stopPropagation();
|
|
26
26
|
onPress?.();
|
|
27
|
-
// @ts-ignore
|
|
28
|
-
event.isFromFeedbackButton = true;
|
|
29
27
|
};
|
|
30
28
|
if (isOpen) {
|
|
31
29
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
@@ -68,9 +66,16 @@ const TeacherFeedbackButton = ({
|
|
|
68
66
|
color: !!unreadCommentsCount ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_9,
|
|
69
67
|
size: size === 'large' ? 37 : 26
|
|
70
68
|
}), !!unreadCommentsCount && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
71
|
-
style: styles.badgeContainer,
|
|
69
|
+
style: size === 'large' ? styles.badgeContainerLarge : styles.badgeContainer,
|
|
72
70
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UnreadMessagesBadge.UnreadMessagesBadge, {
|
|
73
|
-
badgeContent: unreadCommentsCount
|
|
71
|
+
badgeContent: unreadCommentsCount,
|
|
72
|
+
textStyle: size === 'large' && {
|
|
73
|
+
fontSize: 18
|
|
74
|
+
},
|
|
75
|
+
style: size === 'large' && {
|
|
76
|
+
width: 32,
|
|
77
|
+
height: 32
|
|
78
|
+
}
|
|
74
79
|
})
|
|
75
80
|
})]
|
|
76
81
|
})
|
|
@@ -101,6 +106,11 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
101
106
|
iconContainer: {
|
|
102
107
|
position: 'relative'
|
|
103
108
|
},
|
|
109
|
+
badgeContainerLarge: {
|
|
110
|
+
position: 'absolute',
|
|
111
|
+
top: -24,
|
|
112
|
+
right: -24
|
|
113
|
+
},
|
|
104
114
|
badgeContainer: {
|
|
105
115
|
position: 'absolute',
|
|
106
116
|
top: -17,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_UnreadMessagesBadge","_MessageBubbleIcon","_XCloseIcon","_colorSchemes","_constants","_jsxRuntime","e","__esModule","default","TeacherFeedbackButton","isOpen","onPress","unreadCommentsCount","isLoading","size","handlePress","event","stopPropagation","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_UnreadMessagesBadge","_MessageBubbleIcon","_XCloseIcon","_colorSchemes","_constants","_jsxRuntime","e","__esModule","default","TeacherFeedbackButton","isOpen","onPress","unreadCommentsCount","isLoading","size","handlePress","event","stopPropagation","jsx","Button","id","TEACHER_FEEDBACK_BUTTON_ID","variant","disabled","style","container","styles","button","borderColor","COLORS","NEUTRAL_5","customColorScheme","COLOR_SCHEMES","GREY","icon","XCloseIcon","BLUE_6","BLUE","jsxs","View","iconContainer","children","MessageBubbleIcon","color","NEUTRAL_1","NEUTRAL_9","badgeContainerLarge","badgeContainer","UnreadMessagesBadge","badgeContent","textStyle","fontSize","width","height","exports","StyleSheet","create","small","large","borderWidth","buttonLarge","position","top","right"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,12 +12,13 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
12
12
|
const UnreadMessagesBadge = ({
|
|
13
13
|
badgeContent,
|
|
14
14
|
withBorder = false,
|
|
15
|
-
style
|
|
15
|
+
style,
|
|
16
|
+
textStyle
|
|
16
17
|
}) => {
|
|
17
18
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
18
19
|
style: [styles.container, style, !badgeContent && styles.emptyBadge, withBorder && styles.border, withBorder && (badgeContent ? styles.withBorderSize : styles.withBorderSizeEmpty)],
|
|
19
20
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
20
|
-
style: styles.text,
|
|
21
|
+
style: [styles.text, textStyle],
|
|
21
22
|
children: badgeContent && badgeContent > 99 ? '99+' : badgeContent
|
|
22
23
|
})
|
|
23
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","UnreadMessagesBadge","badgeContent","withBorder","style","jsx","View","styles","container","emptyBadge","border","withBorderSize","withBorderSizeEmpty","children","Text","text","exports","StyleSheet","create","alignItems","justifyContent","width","height","borderRadius","backgroundColor","COLORS","PRIMARY_RED","borderWidth","borderColor","NEUTRAL_1","fontSize","lineHeight","fontWeight","fontFamily","Platform","OS","color"],"sourceRoot":"../../../../../src","sources":["features/feedback/components/UnreadMessagesBadge.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","UnreadMessagesBadge","badgeContent","withBorder","style","textStyle","jsx","View","styles","container","emptyBadge","border","withBorderSize","withBorderSizeEmpty","children","Text","text","exports","StyleSheet","create","alignItems","justifyContent","width","height","borderRadius","backgroundColor","COLORS","PRIMARY_RED","borderWidth","borderColor","NEUTRAL_1","fontSize","lineHeight","fontWeight","fontFamily","Platform","OS","color"],"sourceRoot":"../../../../../src","sources":["features/feedback/components/UnreadMessagesBadge.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS5C,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,YAAY;EAAEC,UAAU,GAAG,KAAK;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACvH,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,IAAI;IACHH,KAAK,EAAE,CACLI,MAAM,CAACC,SAAS,EAChBL,KAAK,EACL,CAACF,YAAY,IAAIM,MAAM,CAACE,UAAU,EAClCP,UAAU,IAAIK,MAAM,CAACG,MAAM,EAC3BR,UAAU,KAAKD,YAAY,GAAGM,MAAM,CAACI,cAAc,GAAGJ,MAAM,CAACK,mBAAmB,CAAC,CACjF;IAAAC,QAAA,eAEF,IAAAjB,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAoB,IAAI;MAACX,KAAK,EAAE,CAACI,MAAM,CAACQ,IAAI,EAAEX,SAAS,CAAE;MAAAS,QAAA,EAAEZ,YAAY,IAAIA,YAAY,GAAG,EAAE,GAAG,KAAK,GAAGA;IAAY,CAAO;EAAC,CACpG,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA;AAED,MAAMO,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEC,qBAAM,CAACC;EAC1B,CAAC;EACDjB,UAAU,EAAE;IACVY,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDZ,MAAM,EAAE;IACNiB,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAEH,qBAAM,CAACI;EACtB,CAAC;EACDlB,cAAc,EAAE;IACdU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDX,mBAAmB,EAAE;IACnBS,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE,IAAI;IACZC,YAAY,EAAE;EAChB,CAAC;EACDR,IAAI,EAAE;IACJe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,uBAAuB,GAAG,mBAAmB;IACjFC,KAAK,EAAEX,qBAAM,CAACI;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js
CHANGED
|
@@ -19,8 +19,6 @@ export const TeacherFeedbackButton = ({
|
|
|
19
19
|
const handlePress = event => {
|
|
20
20
|
event.stopPropagation();
|
|
21
21
|
onPress?.();
|
|
22
|
-
// @ts-ignore
|
|
23
|
-
event.isFromFeedbackButton = true;
|
|
24
22
|
};
|
|
25
23
|
if (isOpen) {
|
|
26
24
|
return /*#__PURE__*/_jsx(Button, {
|
|
@@ -63,9 +61,16 @@ export const TeacherFeedbackButton = ({
|
|
|
63
61
|
color: !!unreadCommentsCount ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9,
|
|
64
62
|
size: size === 'large' ? 37 : 26
|
|
65
63
|
}), !!unreadCommentsCount && /*#__PURE__*/_jsx(View, {
|
|
66
|
-
style: styles.badgeContainer,
|
|
64
|
+
style: size === 'large' ? styles.badgeContainerLarge : styles.badgeContainer,
|
|
67
65
|
children: /*#__PURE__*/_jsx(UnreadMessagesBadge, {
|
|
68
|
-
badgeContent: unreadCommentsCount
|
|
66
|
+
badgeContent: unreadCommentsCount,
|
|
67
|
+
textStyle: size === 'large' && {
|
|
68
|
+
fontSize: 18
|
|
69
|
+
},
|
|
70
|
+
style: size === 'large' && {
|
|
71
|
+
width: 32,
|
|
72
|
+
height: 32
|
|
73
|
+
}
|
|
69
74
|
})
|
|
70
75
|
})]
|
|
71
76
|
})
|
|
@@ -95,6 +100,11 @@ const styles = StyleSheet.create({
|
|
|
95
100
|
iconContainer: {
|
|
96
101
|
position: 'relative'
|
|
97
102
|
},
|
|
103
|
+
badgeContainerLarge: {
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
top: -24,
|
|
106
|
+
right: -24
|
|
107
|
+
},
|
|
98
108
|
badgeContainer: {
|
|
99
109
|
position: 'absolute',
|
|
100
110
|
top: -17,
|
package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","Button","COLORS","UnreadMessagesBadge","MessageBubbleIcon","XCloseIcon","COLOR_SCHEMES","TEACHER_FEEDBACK_BUTTON_ID","jsx","_jsx","jsxs","_jsxs","TeacherFeedbackButton","isOpen","onPress","unreadCommentsCount","isLoading","size","handlePress","event","stopPropagation","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","Button","COLORS","UnreadMessagesBadge","MessageBubbleIcon","XCloseIcon","COLOR_SCHEMES","TEACHER_FEEDBACK_BUTTON_ID","jsx","_jsx","jsxs","_jsxs","TeacherFeedbackButton","isOpen","onPress","unreadCommentsCount","isLoading","size","handlePress","event","stopPropagation","id","variant","disabled","style","container","styles","button","borderColor","NEUTRAL_5","customColorScheme","GREY","icon","BLUE_6","BLUE","iconContainer","children","color","NEUTRAL_1","NEUTRAL_9","badgeContainerLarge","badgeContainer","badgeContent","textStyle","fontSize","width","height","create","small","large","borderWidth","buttonLarge","position","top","right"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,12 +7,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
7
7
|
export const UnreadMessagesBadge = ({
|
|
8
8
|
badgeContent,
|
|
9
9
|
withBorder = false,
|
|
10
|
-
style
|
|
10
|
+
style,
|
|
11
|
+
textStyle
|
|
11
12
|
}) => {
|
|
12
13
|
return /*#__PURE__*/_jsx(View, {
|
|
13
14
|
style: [styles.container, style, !badgeContent && styles.emptyBadge, withBorder && styles.border, withBorder && (badgeContent ? styles.withBorderSize : styles.withBorderSizeEmpty)],
|
|
14
15
|
children: /*#__PURE__*/_jsx(Text, {
|
|
15
|
-
style: styles.text,
|
|
16
|
+
style: [styles.text, textStyle],
|
|
16
17
|
children: badgeContent && badgeContent > 99 ? '99+' : badgeContent
|
|
17
18
|
})
|
|
18
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","StyleSheet","Platform","COLORS","jsx","_jsx","UnreadMessagesBadge","badgeContent","withBorder","style","styles","container","emptyBadge","border","withBorderSize","withBorderSizeEmpty","children","text","create","alignItems","justifyContent","width","height","borderRadius","backgroundColor","PRIMARY_RED","borderWidth","borderColor","NEUTRAL_1","fontSize","lineHeight","fontWeight","fontFamily","OS","color"],"sourceRoot":"../../../../../src","sources":["features/feedback/components/UnreadMessagesBadge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,
|
|
1
|
+
{"version":3,"names":["React","Text","View","StyleSheet","Platform","COLORS","jsx","_jsx","UnreadMessagesBadge","badgeContent","withBorder","style","textStyle","styles","container","emptyBadge","border","withBorderSize","withBorderSizeEmpty","children","text","create","alignItems","justifyContent","width","height","borderRadius","backgroundColor","PRIMARY_RED","borderWidth","borderColor","NEUTRAL_1","fontSize","lineHeight","fontWeight","fontFamily","OS","color"],"sourceRoot":"../../../../../src","sources":["features/feedback/components/UnreadMessagesBadge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAyC,cAAc;AAChG,SAASC,MAAM,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASnD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,YAAY;EAAEC,UAAU,GAAG,KAAK;EAAEC,KAAK;EAAEC;AAAoC,CAAC,KAAK;EACvH,oBACEL,IAAA,CAACL,IAAI;IACHS,KAAK,EAAE,CACLE,MAAM,CAACC,SAAS,EAChBH,KAAK,EACL,CAACF,YAAY,IAAII,MAAM,CAACE,UAAU,EAClCL,UAAU,IAAIG,MAAM,CAACG,MAAM,EAC3BN,UAAU,KAAKD,YAAY,GAAGI,MAAM,CAACI,cAAc,GAAGJ,MAAM,CAACK,mBAAmB,CAAC,CACjF;IAAAC,QAAA,eAEFZ,IAAA,CAACN,IAAI;MAACU,KAAK,EAAE,CAACE,MAAM,CAACO,IAAI,EAAER,SAAS,CAAE;MAAAO,QAAA,EAAEV,YAAY,IAAIA,YAAY,GAAG,EAAE,GAAG,KAAK,GAAGA;IAAY,CAAO;EAAC,CACpG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGV,UAAU,CAACkB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEtB,MAAM,CAACuB;EAC1B,CAAC;EACDb,UAAU,EAAE;IACVS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDT,MAAM,EAAE;IACNa,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAEzB,MAAM,CAAC0B;EACtB,CAAC;EACDd,cAAc,EAAE;IACdO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDR,mBAAmB,EAAE;IACnBM,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE,IAAI;IACZC,YAAY,EAAE;EAChB,CAAC;EACDN,IAAI,EAAE;IACJY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE/B,QAAQ,CAACgC,EAAE,KAAK,KAAK,GAAG,uBAAuB,GAAG,mBAAmB;IACjFC,KAAK,EAAEhC,MAAM,CAAC0B;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TeacherFeedbackButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,qBAAqB,+DAM/B,0BAA0B,
|
|
1
|
+
{"version":3,"file":"TeacherFeedbackButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,qBAAqB,+DAM/B,0BAA0B,sBAgE5B,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
3
|
type UnreadMessagesBadgeProps = {
|
|
4
4
|
badgeContent?: number;
|
|
5
5
|
withBorder?: boolean;
|
|
6
6
|
style?: StyleProp<ViewStyle>;
|
|
7
|
+
textStyle?: StyleProp<TextStyle>;
|
|
7
8
|
};
|
|
8
|
-
export declare const UnreadMessagesBadge: ({ badgeContent, withBorder, style }: UnreadMessagesBadgeProps) => React.JSX.Element;
|
|
9
|
+
export declare const UnreadMessagesBadge: ({ badgeContent, withBorder, style, textStyle }: UnreadMessagesBadgeProps) => React.JSX.Element;
|
|
9
10
|
export {};
|
|
10
11
|
//# sourceMappingURL=UnreadMessagesBadge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnreadMessagesBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/UnreadMessagesBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoC,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"UnreadMessagesBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/UnreadMessagesBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGhG,KAAK,wBAAwB,GAAG;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,mBAAmB,mDAA4D,wBAAwB,sBAcnH,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TeacherFeedbackButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,qBAAqB,+DAM/B,0BAA0B,
|
|
1
|
+
{"version":3,"file":"TeacherFeedbackButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,qBAAqB,+DAM/B,0BAA0B,sBAgE5B,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
3
|
type UnreadMessagesBadgeProps = {
|
|
4
4
|
badgeContent?: number;
|
|
5
5
|
withBorder?: boolean;
|
|
6
6
|
style?: StyleProp<ViewStyle>;
|
|
7
|
+
textStyle?: StyleProp<TextStyle>;
|
|
7
8
|
};
|
|
8
|
-
export declare const UnreadMessagesBadge: ({ badgeContent, withBorder, style }: UnreadMessagesBadgeProps) => React.JSX.Element;
|
|
9
|
+
export declare const UnreadMessagesBadge: ({ badgeContent, withBorder, style, textStyle }: UnreadMessagesBadgeProps) => React.JSX.Element;
|
|
9
10
|
export {};
|
|
10
11
|
//# sourceMappingURL=UnreadMessagesBadge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnreadMessagesBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/UnreadMessagesBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoC,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"UnreadMessagesBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/UnreadMessagesBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGhG,KAAK,wBAAwB,GAAG;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,mBAAmB,mDAA4D,wBAAwB,sBAcnH,CAAA"}
|
package/package.json
CHANGED
|
@@ -25,8 +25,6 @@ export const TeacherFeedbackButton = ({
|
|
|
25
25
|
const handlePress = (event: GestureResponderEvent) => {
|
|
26
26
|
event.stopPropagation()
|
|
27
27
|
onPress?.()
|
|
28
|
-
// @ts-ignore
|
|
29
|
-
event.isFromFeedbackButton = true
|
|
30
28
|
}
|
|
31
29
|
|
|
32
30
|
if (isOpen) {
|
|
@@ -75,8 +73,12 @@ export const TeacherFeedbackButton = ({
|
|
|
75
73
|
size={size === 'large' ? 37 : 26}
|
|
76
74
|
/>
|
|
77
75
|
{!!unreadCommentsCount && (
|
|
78
|
-
<View style={styles.badgeContainer}>
|
|
79
|
-
<UnreadMessagesBadge
|
|
76
|
+
<View style={size === 'large' ? styles.badgeContainerLarge : styles.badgeContainer}>
|
|
77
|
+
<UnreadMessagesBadge
|
|
78
|
+
badgeContent={unreadCommentsCount}
|
|
79
|
+
textStyle={size === 'large' && { fontSize: 18 }}
|
|
80
|
+
style={size === 'large' && { width: 32, height: 32 }}
|
|
81
|
+
/>
|
|
80
82
|
</View>
|
|
81
83
|
)}
|
|
82
84
|
</View>
|
|
@@ -109,6 +111,11 @@ const styles = StyleSheet.create({
|
|
|
109
111
|
iconContainer: {
|
|
110
112
|
position: 'relative',
|
|
111
113
|
},
|
|
114
|
+
badgeContainerLarge: {
|
|
115
|
+
position: 'absolute',
|
|
116
|
+
top: -24,
|
|
117
|
+
right: -24,
|
|
118
|
+
},
|
|
112
119
|
badgeContainer: {
|
|
113
120
|
position: 'absolute',
|
|
114
121
|
top: -17,
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
|
-
import { Text, View, StyleSheet, Platform, StyleProp, ViewStyle } from 'react-native'
|
|
2
|
+
import { Text, View, StyleSheet, Platform, StyleProp, ViewStyle, TextStyle } from 'react-native'
|
|
3
3
|
import { COLORS } from '@magmamath/react-native-ui'
|
|
4
4
|
|
|
5
5
|
type UnreadMessagesBadgeProps = {
|
|
6
6
|
badgeContent?: number
|
|
7
7
|
withBorder?: boolean
|
|
8
8
|
style?: StyleProp<ViewStyle>
|
|
9
|
+
textStyle?: StyleProp<TextStyle>
|
|
9
10
|
}
|
|
10
11
|
|
|
11
|
-
export const UnreadMessagesBadge = ({ badgeContent, withBorder = false, style }: UnreadMessagesBadgeProps) => {
|
|
12
|
+
export const UnreadMessagesBadge = ({ badgeContent, withBorder = false, style, textStyle }: UnreadMessagesBadgeProps) => {
|
|
12
13
|
return (
|
|
13
14
|
<View
|
|
14
15
|
style={[
|
|
@@ -19,7 +20,7 @@ export const UnreadMessagesBadge = ({ badgeContent, withBorder = false, style }:
|
|
|
19
20
|
withBorder && (badgeContent ? styles.withBorderSize : styles.withBorderSizeEmpty),
|
|
20
21
|
]}
|
|
21
22
|
>
|
|
22
|
-
<Text style={styles.text}>{badgeContent && badgeContent > 99 ? '99+' : badgeContent}</Text>
|
|
23
|
+
<Text style={[styles.text, textStyle]}>{badgeContent && badgeContent > 99 ? '99+' : badgeContent}</Text>
|
|
23
24
|
</View>
|
|
24
25
|
)
|
|
25
26
|
}
|