@oxyhq/services
Version:
96 lines (95 loc) • 3.84 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _index = require("../../components/index.js");
var _useI18n = require("../../hooks/useI18n.js");
var _useThemeStyles = require("../../hooks/useThemeStyles.js");
var _themeUtils = require("../../utils/themeUtils.js");
var _useColorScheme = require("../../hooks/useColorScheme.js");
var _fonts = require("../../styles/fonts.js");
var _jsxRuntime = require("react/jsx-runtime");
const KarmaAboutScreen = ({
goBack,
theme
}) => {
const {
t
} = (0, _useI18n.useI18n)();
const colorScheme = (0, _useColorScheme.useColorScheme)();
const normalizedTheme = (0, _themeUtils.normalizeTheme)(theme);
const themeStyles = (0, _useThemeStyles.useThemeStyles)(normalizedTheme, colorScheme);
// Override primaryColor for Karma screens (purple instead of blue)
const primaryColor = '#d169e5';
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
style: [styles.container, {
backgroundColor: themeStyles.backgroundColor
}],
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Header, {
title: t('karma.about.title') || 'About Karma',
subtitle: t('karma.about.subtitle') || 'Learn about the karma system',
onBack: goBack,
elevation: "subtle"
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
contentContainerStyle: styles.contentContainer,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
style: [styles.paragraph, {
color: themeStyles.textColor
}],
children: t('karma.about.intro') || 'Karma is a recognition of your positive actions in the Oxy Ecosystem. It cannot be sent or received directly, only earned by contributing to the community.'
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
style: [styles.section, {
color: primaryColor
}],
children: t('karma.about.how.title') || 'How to Earn Karma'
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
style: [styles.paragraph, {
color: themeStyles.textColor
}],
children: ["\u2022 ", t('karma.about.how.help') || 'Helping other users', '\n', "\u2022 ", t('karma.about.how.report') || 'Reporting bugs', '\n', "\u2022 ", t('karma.about.how.contribute') || 'Contributing content', '\n', "\u2022 ", t('karma.about.how.participate') || 'Participating in events', '\n', "\u2022 ", t('karma.about.how.other') || 'Other positive actions']
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
style: [styles.section, {
color: primaryColor
}],
children: t('karma.about.why.title') || 'Why Karma?'
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
style: [styles.paragraph, {
color: themeStyles.textColor
}],
children: t('karma.about.why.text') || 'Karma unlocks special features and recognition in the Oxy Ecosystem. The more you contribute, the more you earn!'
})]
})]
});
};
const styles = _reactNative.StyleSheet.create({
container: {
flex: 1
},
title: {
fontFamily: _fonts.fontFamilies.interBold,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined,
// Only apply fontWeight on web
fontSize: 54,
margin: 24,
marginBottom: 24
},
contentContainer: {
padding: 24,
paddingTop: 20
},
section: {
fontSize: 18,
fontWeight: _reactNative.Platform.OS === 'web' ? 'bold' : undefined,
fontFamily: _fonts.fontFamilies.interBold,
marginTop: 24,
marginBottom: 8
},
paragraph: {
fontSize: 16,
marginBottom: 12
}
});
var _default = exports.default = KarmaAboutScreen;
//# sourceMappingURL=KarmaAboutScreen.js.map