Add style components

Author: Xwilarg

client/app/index.tsx

@@ -21,12 +21,12 @@ export default function Index() {
             alignItems: "center",
         }}
         >
-            <PasswordModal callback={(pwd) => {messageManager.submitPassword(pwd)}}></PasswordModal>
+            <PasswordModal callback={(pwd: string) => {messageManager.submitPassword(pwd)}}></PasswordModal>
 
             <FlatList
                 data={messages}
-                renderItem={({item}) => <Message date={item.date.toLocaleString()} name={item.name} message={item.message} />}
-                keyExtractor={(item, _) => item.id}
+                renderItem={({item}: any) => <Message date={item.date.toLocaleString()} name={item.name} message={item.message} />}
+                keyExtractor={(item: any, _) => item.id}
             >
 
             </FlatList>

client/components.json

@@ -0,0 +1,6 @@
+{
+  "aliases": {
+    "components": "~/components",
+    "lib": "~/lib"
+  }
+}

client/components/PasswordModal.jsx

@@ -1,5 +1,6 @@
 import { useState } from 'react';
-import { View, Modal, StyleSheet, Button, TextInput } from 'react-native';
+import { Input } from '~/components/ui/input';
+import { View, Modal, StyleSheet, Button } from 'react-native';
 
 export function PasswordModal({callback}) {
     const [modalVisible, setModalVisible] = useState(true);
@@ -9,7 +10,7 @@ export function PasswordModal({callback}) {
     transparent={true}
     visible={modalVisible}>
         <View style={styles.centeredView}>
-            <TextInput style={styles.textInput} secureTextEntry={true} onChangeText={setPassword}></TextInput>
+            <Input style={styles.textInput} secureTextEntry={true} onChangeText={setPassword}></Input>
             <Button title='Submit' onPress={() => {
                 setPassword("");
                 callback(password);

client/package-lock.json

@@ -18,6 +18,8 @@
     "@expo/vector-icons": "^14.0.2",
     "@react-navigation/bottom-tabs": "^7.2.0",
     "@react-navigation/native": "^7.0.14",
+    "@rn-primitives/slot": "^1.1.0",
+    "@rn-primitives/types": "^1.1.0",
     "expo": "~52.0.37",
     "expo-blur": "~14.0.3",
     "expo-constants": "~17.0.7",