frontend client for gemstone. decentralised workplace app
feat: better disable state
+10
-4
+5
-2
src/components/Settings/RegisterLatticeModalContent.tsx
+5
-2
src/components/Settings/RegisterLatticeModalContent.tsx
···
62
62
},
63
63
});
64
64
65
+
const readyToSubmit = !!inputText.trim();
66
+
65
67
return (
66
68
<View
67
69
style={{
···
98
100
/>
99
101
</View>
100
102
<Pressable
103
+
disabled={!readyToSubmit}
101
104
onPress={() => {
102
105
newLatticeMutation();
103
106
}}
···
108
111
) : (
109
112
<View
110
113
style={{
111
-
backgroundColor: inputText.trim()
114
+
backgroundColor: readyToSubmit
112
115
? hovered
113
116
? lighten(semantic.primary, 7)
114
117
: semantic.primary
115
118
: registerError
116
119
? semantic.error
117
-
: semantic.border,
120
+
: semantic.textPlaceholder,
118
121
borderRadius: atoms.radii.lg,
119
122
alignItems: "center",
120
123
paddingVertical: 10,
+5
-2
src/components/Settings/RegisterShardModalContent.tsx
+5
-2
src/components/Settings/RegisterShardModalContent.tsx
···
62
62
},
63
63
});
64
64
65
+
const readyToSubmit = !!inputText.trim();
66
+
65
67
return (
66
68
<View
67
69
style={{
···
98
100
/>
99
101
</View>
100
102
<Pressable
103
+
disabled={!readyToSubmit}
101
104
onPress={() => {
102
105
newShardMutation();
103
106
}}
···
108
111
) : (
109
112
<View
110
113
style={{
111
-
backgroundColor: inputText.trim()
114
+
backgroundColor: readyToSubmit
112
115
? hovered
113
116
? lighten(semantic.primary, 7)
114
117
: semantic.primary
115
118
: registerError
116
119
? semantic.error
117
-
: semantic.border,
120
+
: semantic.textPlaceholder,
118
121
borderRadius: atoms.radii.lg,
119
122
alignItems: "center",
120
123
paddingVertical: 10,