Feature/earthform component #33
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Move alignItems and justifyContent from ScrollView className to contentContainerStyle - Replace HTML span element with React Native Text component in GalaxyForm - Fixes React Native invariant violation warnings
- Add initial EarthForm component with ScrollView wrapper - Set up basic layout with green theme background - Add placeholder title and container structure
- Add useState hook for form data management - Implement handleInputChange function for controlled inputs - Add four form fields: name, email, password, confirmPassword - Add proper TextInput components with placeholders and secure text entry
- Add gradient background from green-50 to emerald-100 - Add Earth emoji icon in circular green container - Update form container with rounded corners and green border - Style input fields with green theme and light green background - Add subtitle text for better user experience
- Add isSubmitting state to track form submission status - Implement handleSubmit function with async API simulation - Add submit button with loading state and disabled functionality - Style submit button with green theme and active states
- Add errors state to track validation errors for each field - Implement validateForm function with email regex and password matching - Add real-time error clearing when user starts typing - Style input fields with red borders and backgrounds for errors - Add success message display with auto-reset functionality - Include form auto-reset after successful submission
- Add accessibilityLabel and accessibilityHint for all form inputs - Set proper accessibilityRole for text inputs and button - Add accessibilityState for submit button disabled state - Configure autoCapitalize and autoCorrect for better UX - Ensure screen reader compatibility for all interactive elements
- Add Animated import and useRef for animation values - Implement entrance animation with fade, slide, and scale effects - Add success message animation with spring and scale transforms - Wrap form container in Animated.View for smooth transitions - Create engaging user experience with 800ms entrance animation - Add spring animation for success feedback with tension and friction
- Remove complex animations and state management - Remove Earth emoji and subtitle text - Simplify to basic form structure like GalaxyForm - Use green-600 for submit button instead of black - Maintain same layout and styling as GalaxyForm but with green theme
|
|
you did a good job but something to note. The earth form should have another design entirely from the Galaxy Form. Attached, is screenshot of the design i'll like you to create for this form. A form card with an image. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.