martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-12 03:29:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing profile image setting

Browse Source
This commit is contained in:
balzack 2023-03-05 23:44:34 -08:00
parent 749960b262
commit 1fb2907b80
3 changed files with 31 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
app/mobile/src/access/create/Create.jsx
View File

@ -41,17 +41,17 @@ export function Create() {
<Ionicons style={styles.icon} name="database" size={18} color="#888888" />
<TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
autoCorrect={false} autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
<View style={styles.space}>
{ (!state.server || !state.serverChecked) && (
<Text style={styles.required}>✻</Text>
)}
{ state.server && state.serverChecked && !state.serverValid && (
<Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
)}
{ state.server && state.serverChecked && state.serverValid && (
<Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
)}
</View>
{ (!state.server || !state.serverChecked) && (
<View style={styles.required}>
<Text style={styles.requiredtest}>✻</Text>
</View>
)}
{ state.server && state.serverChecked && !state.serverValid && (
<Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
)}
{ state.server && state.serverChecked && state.serverValid && (
<Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
)}
</View>
<View style={styles.token}>
{ state.tokenRequired && (
@ -82,17 +82,15 @@ export function Create() {
<Ionicons style={styles.icon} name="user" size={18} color="#888888" />
<TextInput style={styles.inputfield} value={state.username} onChangeText={actions.setUsername}
autoCorrect={false} autoCapitalize="none" placeholder="username" placeholderTextColor={Colors.grey} />
<View style={styles.space}>
{ (!validServer || !validToken || !state.username || !state.usernameChecked) && (
<Text style={styles.required}>✻</Text>
)}
{ validServer && validToken && state.username && state.usernameChecked && !state.usernameValid && (
<Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
)}
{ validServer && validToken && state.username && state.usernameChecked && state.usernameValid && (
<Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
)}
</View>
{ (!validServer || !validToken || !state.username || !state.usernameChecked) && (
<Text style={styles.required}>✻</Text>
)}
{ validServer && validToken && state.username && state.usernameChecked && !state.usernameValid && (
<Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
)}
{ validServer && validToken && state.username && state.usernameChecked && state.usernameValid && (
<Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
)}
</View>
{ state.showPassword && (
<View style={styles.inputwrapper}>

9
app/mobile/src/access/create/Create.styled.js
View File

@ -11,6 +11,8 @@ export const styles = StyleSheet.create({
},
icon: {
padding: 8,
width: 40,
textAlign: 'center',
},
demo: {
alignItems: 'center',
@ -31,6 +33,11 @@ export const styles = StyleSheet.create({
required: {
fontSize: 12,
color: Colors.grey,
width: 32,
padding: 8,
textAlign: 'center',
},
requiredtext: {
textAlignVertical: 'center',
},
container: {
@ -103,7 +110,7 @@ export const styles = StyleSheet.create({
alignItems: 'center',
},
inputfield: {
flex: 1,
flexGrow: 1,
textAlign: 'center',
padding: 8,
color: Colors.text,

3
app/mobile/src/session/profile/useProfile.hook.js
View File

@ -342,6 +342,9 @@ export function useProfile() {
saveLogin: async () => {
await account.actions.setLogin(state.editHandle, state.editPassword);
},
setProfileImage: async (data) => {
await profile.actions.setProfileImage(data);
},
};
return { state, actions };