|
1 | | -import React, { useContext, useState } from 'react'; |
2 | | -import { View } from 'react-native'; |
3 | | -import { useNavigation } from '@react-navigation/native'; |
4 | | -import { useStyleScheme } from '@/components/Themed'; |
5 | | -import ResultListView from '@/components/ResultsListView'; |
6 | | -import DatabaseContext from '@/providers/DatabaseContext'; |
7 | | -import useNavigationBarTitleResetOption from '@/hooks/useNavigationBarTitleResetOption'; |
8 | | -import DatabaseScopeCollectionActionForm from '@/components/DatabaseScopeCollectionActionForm'; |
| 1 | +import React, { useState } from 'react'; |
| 2 | +import { StyledTextInput } from '@/components/StyledTextInput'; |
9 | 3 | import create from '@/service/collection/create'; |
| 4 | +import { Database } from 'cbl-reactnative'; |
| 5 | +import CBLDatabaseActionContainer from '@/components/CBLDatabaseActionContainer'; |
| 6 | +import { Divider } from '@gluestack-ui/themed'; |
| 7 | +import HeaderView from '@/components/HeaderView'; |
10 | 8 |
|
11 | 9 | export default function CollectionCreateScreen() { |
12 | | - const { databases } = useContext(DatabaseContext)!; |
13 | | - const [databaseName, setDatabaseName] = useState<string>(''); |
14 | 10 | const [scopeName, setScopeName] = useState<string>(''); |
15 | 11 | const [collectionName, setCollectionName] = useState<string>(''); |
16 | | - const [resultMessage, setResultsMessage] = useState<string[]>([]); |
17 | | - const navigation = useNavigation(); |
18 | | - const styles = useStyleScheme(); |
19 | | - useNavigationBarTitleResetOption('Create Collection', navigation, reset); |
20 | 12 |
|
21 | 13 | function reset() { |
22 | | - setDatabaseName(''); |
23 | 14 | setScopeName(''); |
24 | 15 | setCollectionName(''); |
25 | | - setResultsMessage([]); |
26 | 16 | } |
27 | 17 |
|
28 | | - const update = async () => { |
29 | | - if (databaseName === '') { |
30 | | - setResultsMessage((prev) => [ |
31 | | - ...prev, |
32 | | - 'Error: Database name is required', |
33 | | - ]); |
34 | | - } else { |
35 | | - try { |
36 | | - const collection = await create( |
37 | | - databases, |
38 | | - databaseName, |
39 | | - scopeName, |
40 | | - collectionName |
41 | | - ); |
42 | | - setResultsMessage((prev) => [ |
43 | | - ...prev, |
44 | | - `Created collection: <${collection.scope.name}.${collection.name}> in database: <${databaseName}>`, |
45 | | - ]); |
46 | | - } catch (error) { |
47 | | - // @ts-ignore |
48 | | - setResultsMessage((prev) => [...prev, error.message]); |
49 | | - } |
| 18 | + async function update(database: Database): Promise<string[]> { |
| 19 | + try { |
| 20 | + const collection = await create(database, scopeName, collectionName); |
| 21 | + return [ |
| 22 | + `Created collection: <${collection.scope.name}.${collection.name}> in database: <${database.getName()}>`, |
| 23 | + ]; |
| 24 | + } catch (error) { |
| 25 | + // @ts-ignore |
| 26 | + return [error.message]; |
50 | 27 | } |
51 | | - }; |
| 28 | + } |
52 | 29 |
|
53 | 30 | return ( |
54 | | - <View style={styles.container}> |
55 | | - <DatabaseScopeCollectionActionForm |
56 | | - databaseName={databaseName} |
57 | | - setDatabaseName={setDatabaseName} |
58 | | - scopeName={scopeName} |
59 | | - setScopeName={setScopeName} |
60 | | - collectionName={collectionName} |
61 | | - setCollectionName={setCollectionName} |
62 | | - handleUpdatePressed={update} |
| 31 | + <CBLDatabaseActionContainer |
| 32 | + screenTitle={'Create Collection'} |
| 33 | + handleUpdatePressed={update} |
| 34 | + handleResetPressed={reset} |
| 35 | + > |
| 36 | + <HeaderView name="Collection Information" iconName="bookshelf" /> |
| 37 | + <StyledTextInput |
| 38 | + style={{ marginBottom: 5 }} |
| 39 | + autoCapitalize="none" |
| 40 | + placeholder="Scope Name" |
| 41 | + onChangeText={(scopeText) => setScopeName(scopeText)} |
| 42 | + defaultValue={scopeName} |
| 43 | + /> |
| 44 | + <Divider style={{ marginTop: 2, marginBottom: 2 }} /> |
| 45 | + <StyledTextInput |
| 46 | + style={{ marginBottom: 5 }} |
| 47 | + autoCapitalize="none" |
| 48 | + placeholder="Collection Name" |
| 49 | + onChangeText={(collectionText) => setCollectionName(collectionText)} |
| 50 | + defaultValue={collectionName} |
63 | 51 | /> |
64 | | - <ResultListView messages={resultMessage} /> |
65 | | - </View> |
| 52 | + </CBLDatabaseActionContainer> |
66 | 53 | ); |
67 | 54 | } |
0 commit comments