@popp0102/nova 0.1.2 → 0.2.0

package/lib/components/Badge.js

@@ -0,0 +1,29 @@
+import { View, Text, StyleSheet } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+
+export default function Badge({ children, style }) {
+  return (
+    <View style={style}>
+      <View style={styles.container}>
+        <Ionicons name="checkmark-circle" color="white" size={20} />
+        <Text style={styles.text}>{children}</Text>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    padding: 8,
+    borderRadius: 24,
+    backgroundColor: "blue",
+    alignSelf: "flex-start",
+  },
+  text: {
+    color: "white",
+    fontSize: 16,
+  },
+});

package/lib/components/Modal.js

@@ -4,11 +4,6 @@ import { SafeAreaView } from "react-native-safe-area-context";
 import Button from "./Button";
 
 export default function Modal({ visible, title, onConfirm, onClose, children, includeFooter = true }) {
-  function handleOnConfirm() {
-    onConfirm();
-    onClose();
-  }
-
   return (
     <RNModal visible={visible} transparent={true} onRequestClose={onClose}>
       <SafeAreaView style={styles.backdrop}>
@@ -22,7 +17,7 @@ export default function Modal({ visible, title, onConfirm, onClose, children, in
           { includeFooter &&
             <View style={styles.footer}>
               <Button style={styles.button} onPress={onClose} type="secondary">Cancel</Button>
-              <Button style={styles.button} onPress={handleOnConfirm}>Ok</Button>
+              <Button style={styles.button} onPress={onConfirm}>Ok</Button>
             </View>
           }
         </View>

package/lib/index.js

@@ -1,2 +1,3 @@
 export { default as Button } from './components/Button';
 export { default as Modal } from './components/Modal';
+export { default as Badge } from './components/Badge';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popp0102/nova",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "React Native component library",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -48,5 +48,8 @@
     "react": "^18.3.1",
     "react-native": "^0.75.0",
     "react-test-renderer": "^18.3.1"
+  },
+  "dependencies": {
+    "@expo/vector-icons": "^15.0.3"
   }
 }