@oxyhq/services/lib/module/ui/screens/karma/KarmaAboutScreen.js

Reusable OxyHQ module to handle authentication, user management, karma system, device-based session management and more 🚀

"use strict";

import React from 'react';
import { View, Text, StyleSheet, ScrollView, Platform } from 'react-native';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const KarmaAboutScreen = ({
  goBack,
  theme
}) => {
  const isDarkTheme = theme === 'dark';
  const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
  const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
  const primaryColor = '#d169e5';
  return /*#__PURE__*/_jsxs(View, {
    style: [styles.container, {
      backgroundColor
    }],
    children: [/*#__PURE__*/_jsx(Text, {
      style: [styles.title, {
        color: textColor
      }],
      children: "About Karma"
    }), /*#__PURE__*/_jsxs(ScrollView, {
      contentContainerStyle: styles.contentContainer,
      children: [/*#__PURE__*/_jsx(Text, {
        style: [styles.paragraph, {
          color: textColor
        }],
        children: "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__*/_jsx(Text, {
        style: [styles.section, {
          color: primaryColor
        }],
        children: "How to Earn Karma"
      }), /*#__PURE__*/_jsxs(Text, {
        style: [styles.paragraph, {
          color: textColor
        }],
        children: ["\u2022 Helping other users", '\n', "\u2022 Reporting bugs", '\n', "\u2022 Contributing content", '\n', "\u2022 Participating in events", '\n', "\u2022 Other positive actions"]
      }), /*#__PURE__*/_jsx(Text, {
        style: [styles.section, {
          color: primaryColor
        }],
        children: "Why Karma?"
      }), /*#__PURE__*/_jsx(Text, {
        style: [styles.paragraph, {
          color: textColor
        }],
        children: "Karma unlocks special features and recognition in the Oxy Ecosystem. The more you contribute, the more you earn!"
      })]
    })]
  });
};
const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  title: {
    fontFamily: Platform.OS === 'web' ? 'Phudu' // Use CSS font name directly for web
    : 'Phudu-Bold',
    // Use exact font name as registered with Font.loadAsync
    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
    // Only apply fontWeight on web
    fontSize: 54,
    margin: 24,
    marginBottom: 24
  },
  contentContainer: {
    padding: 24
  },
  section: {
    fontSize: 18,
    fontWeight: 'bold',
    marginTop: 24,
    marginBottom: 8
  },
  paragraph: {
    fontSize: 16,
    marginBottom: 12
  }
});
export default KarmaAboutScreen;
//# sourceMappingURL=KarmaAboutScreen.js.map