Initial commit

sources/modules/user_profile/native/UserProfileActivityTimebar.tsx

@@ -0,0 +1,68 @@
+/* Metro module 10246; source: modules/user_profile/native/UserProfileActivityTimebar.tsx; dependencies: [31, 27, 661, 33, 4501, 697, 1357, 10247, 4573, 2] */
+function _fun79578(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#79578, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10432:6, offset: 0x01e58c65, size: 373 bytes, params: 8, frame: 23
+    var object4;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    importAll(31) /* metro dependency 31 */;
+    const env0_3 = (require(27) /* metro dependency 27 */).View;
+    const env0_4 = (require(661) /* metro dependency 661: Constants */).Fonts;
+    let value = require(33) /* metro dependency 33 */;
+    const env0_5 = value.jsx;
+    const env0_6 = value.jsxs;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object4 = {};
+    const object5 = {};
+    const BACKGROUND_MOD_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_MUTED;
+    object5.backgroundColor = BACKGROUND_MOD_MUTED;
+    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
+    object5.height = 4;
+    object5.marginBottom = 4;
+    object4.bar = object5;
+    const object6 = {};
+    const ACTIVITY_TIMEBAR_PROGRESS_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.ACTIVITY_TIMEBAR_PROGRESS_BACKGROUND;
+    object6.backgroundColor = ACTIVITY_TIMEBAR_PROGRESS_BACKGROUND;
+    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
+    object6.height = '100%';
+    object6.minWidth = 4;
+    object4.progress = object6;
+    object4.textRow = {'flexDirection': 'row', 'justifyContent': 'space-between'};
+    const env0_7 = Reflect.apply(createStyles, value, [object4]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/user_profile/native/UserProfileActivityTimebar.tsx');
+    exports.default = UserProfileActivityTimebar;
+}
+
+function UserProfileActivityTimebar({start, end, style}) { // fn#79579, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10432:597, offset: 0x01e58dda, size: 481 bytes, params: 2, frame: 30
+    const value3 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('UserProfileActivityTimebar');
+    const styles = useStyles();
+    const {elapsed, duration,
+        percentage} = (importDefault(10247) /* metro dependency 10247: useActivityTimer */)({start: start, end: end});
+    const r11 = value3 ? undefined : {fontFamily: Fonts.CODE_NORMAL};
+    const view = <View style={styles.bar}><View style={[styles.progress, {width: 100 * percentage + '%'}]} /></View>;
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    return (
+        <View style={style}>
+            {view}
+            <View style={styles.textRow}>
+                <Text
+                    variant="text-xs/normal"
+                    style={r11}
+                    tabularNumbers={value3 || undefined}
+                    color={value3 ? 'text-subtle' : undefined}
+                >
+                    {(require(10247) /* metro dependency 10247: useActivityTimer */).formatTime(elapsed)}
+                </Text>
+                <Text
+                    variant="text-xs/normal"
+                    style={r11}
+                    tabularNumbers={value3 || undefined}
+                    color={value3 ? 'text-subtle' : undefined}
+                >
+                    {(require(10247) /* metro dependency 10247: useActivityTimer */).formatTime(duration)}
+                </Text>
+            </View>
+        </View>
+    );
+}
+