@oxyhq/services/lib/module/ui/screens/karma/KarmaRewardsScreen.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 } from 'react-native';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const KarmaRewardsScreen = ({
  goBack,
  theme
}) => {
  const isDarkTheme = theme === 'dark';
  const backgroundColor = isDarkTheme ? '#121212' : '#FFFFFF';
  const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
  const primaryColor = '#d169e5';

  // Placeholder: In a real app, fetch rewards from API
  return /*#__PURE__*/_jsxs(View, {
    style: [styles.container, {
      backgroundColor
    }],
    children: [/*#__PURE__*/_jsx(Text, {
      style: [styles.title, {
        color: textColor
      }],
      children: "Karma Rewards"
    }), /*#__PURE__*/_jsxs(ScrollView, {
      contentContainerStyle: styles.contentContainer,
      children: [/*#__PURE__*/_jsx(Text, {
        style: [styles.paragraph, {
          color: textColor
        }],
        children: "Unlock special features and recognition by earning karma!"
      }), /*#__PURE__*/_jsxs(View, {
        style: styles.rewardBox,
        children: [/*#__PURE__*/_jsx(Text, {
          style: [styles.rewardTitle, {
            color: primaryColor
          }],
          children: "\uD83C\uDF89 Early Access"
        }), /*#__PURE__*/_jsx(Text, {
          style: [styles.rewardDesc, {
            color: textColor
          }],
          children: "Get early access to new features with 100+ karma."
        })]
      }), /*#__PURE__*/_jsxs(View, {
        style: styles.rewardBox,
        children: [/*#__PURE__*/_jsx(Text, {
          style: [styles.rewardTitle, {
            color: primaryColor
          }],
          children: "\uD83C\uDFC5 Community Badge"
        }), /*#__PURE__*/_jsx(Text, {
          style: [styles.rewardDesc, {
            color: textColor
          }],
          children: "Earn a special badge for 500+ karma."
        })]
      }), /*#__PURE__*/_jsxs(View, {
        style: styles.rewardBox,
        children: [/*#__PURE__*/_jsx(Text, {
          style: [styles.rewardTitle, {
            color: primaryColor
          }],
          children: "\uD83C\uDF1F Featured Member"
        }), /*#__PURE__*/_jsx(Text, {
          style: [styles.rewardDesc, {
            color: textColor
          }],
          children: "Be featured in the community for 1000+ karma."
        })]
      }), /*#__PURE__*/_jsx(Text, {
        style: [styles.paragraph, {
          color: textColor,
          marginTop: 24
        }],
        children: "More rewards coming soon!"
      })]
    })]
  });
};
const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    margin: 24,
    textAlign: 'center'
  },
  contentContainer: {
    padding: 24
  },
  rewardBox: {
    backgroundColor: '#f7eaff',
    borderRadius: 16,
    padding: 18,
    marginBottom: 18,
    shadowColor: '#000',
    shadowOpacity: 0.04,
    shadowOffset: {
      width: 0,
      height: 1
    },
    shadowRadius: 4,
    elevation: 1
  },
  rewardTitle: {
    fontSize: 18,
    fontWeight: 'bold',
    marginBottom: 6
  },
  rewardDesc: {
    fontSize: 15
  },
  paragraph: {
    fontSize: 16,
    marginBottom: 12
  }
});
export default KarmaRewardsScreen;
//# sourceMappingURL=KarmaRewardsScreen.js.map