Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SC 2776: UI component input component phone #37

Conversation

DmytroLaikov
Copy link
Contributor

@DmytroLaikov DmytroLaikov commented Oct 24, 2023

PR Overview

Why Are We Making This Change?

UI component for phone input is needed

How Is The Codebase Changing?

Added UI component for phone input with country and calling code selector
Added Menu component (it was needed for changing country calling code)

Added theme styles for:

  • Text
  • Input
  • Menu (will be changed after the design is finished)
  • PhoneInput

Related Tasks

Implement phone-based login
UI Component: Input component (Dropdown)

https://www.loom.com/share/cbd341f1d88d4b13ac847e58a4eaa589?sid=7132f329-c247-40ae-bb9e-e0df43206ca5

Additional Notes

Add @callstack/react-theme-provider because of xcarpentier/react-native-country-picker-modal#496

Move Input component into molecules
Add Menu component
Add PhoneInput component
@DmytroLaikov DmytroLaikov requested a review from a team October 24, 2023 22:36
@DmytroLaikov DmytroLaikov self-assigned this Oct 24, 2023
@DmytroLaikov DmytroLaikov requested review from AndrewZinko, anhromovyi, bnwebdev, medreres and dmytroipatov and removed request for a team October 24, 2023 22:36
@shortcut-integration
Copy link

This pull request has been linked to Shortcut Story #2776: UI Component: Input component (Phone).

Copy link
Contributor

@medreres medreres left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job!

@bnwebdev
Copy link
Contributor

bnwebdev commented Oct 25, 2023

@DmytroLaikov There are no red borders for error state on the record. Is it the right behavior?

medreres
medreres previously approved these changes Oct 25, 2023
packages/ui/package.json Show resolved Hide resolved
bnwebdev
bnwebdev previously approved these changes Oct 25, 2023
dmytroipatov
dmytroipatov previously approved these changes Oct 25, 2023
AndrewZinko
AndrewZinko previously approved these changes Oct 25, 2023
packages/ui/src/theme/constants/lineHeight.ts Outdated Show resolved Hide resolved
packages/ui/src/theme/types.ts Outdated Show resolved Hide resolved
packages/ui/src/components/molecules/Input/index.tsx Outdated Show resolved Hide resolved
packages/ui/src/components/styled/Input/InputHelper.ts Outdated Show resolved Hide resolved
packages/ui/src/theme/components/Input/InputTitle.ts Outdated Show resolved Hide resolved
packages/ui/src/theme/components/VStack.ts Outdated Show resolved Hide resolved
packages/ui/src/theme/components/HStack.ts Outdated Show resolved Hide resolved
packages/ui/tsconfig.json Outdated Show resolved Hide resolved
AndrewZinko
AndrewZinko previously approved these changes Oct 31, 2023
medreres
medreres previously approved these changes Oct 31, 2023
@anhromovyi-sysgears anhromovyi-sysgears merged commit 5986edc into dev Nov 1, 2023
@anhromovyi-sysgears anhromovyi-sysgears deleted the dmytrolaikov/sc-2776/ui-component-input-component-phone branch November 1, 2023 15:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants