#country flag not showing

34 messages · Page 1 of 1 (latest)

fluid dragon
#

country flag not showing

vast marten
#

can you share your github repo?

fluid dragon
#

the code is enough?

fluid dragon
vast marten
#

okay let me check

#

In the components/CustomFormField.tsx, the correct import should be:

import PhoneInput from 'react-phone-number-input';

Then, in the PatientForm.tsx, add the following CSS import:

import 'react-phone-number-input/style.css';

This will ensure the PhoneInput works properly with its styles applied.

fluid dragon
#

but

#

got another two issues

#

responsive issue like ipad view

#

its show invalid number in us & india (in india +91 (10 numbers must be needed after 4 number its show invalid number) but i can access +855 45 (but is still loading) not redirect

vast marten
#

hmm let me check

#

It looks good from my side. Did you make any changes to the validation for the phone number?

Here’s the code for the form validation:

export const UserFormValidation = z.object({
  name: z
    .string()
    .min(2, "Name must be at least 2 characters")
    .max(50, "Name must be at most 50 characters"),
  email: z.string().email("Invalid email address"),
  phone: z
    .string()
    .refine((phone) => /^\+\d{10,15}$/.test(phone), "Invalid phone number"),
});
fluid dragon
#

but not redirecting

fluid dragon
#

also facing issue with responsive(lemme clear it later) above mention issue are main one

vast marten
#

Can you update your repo? I don't see createUser function?

vast marten
# fluid dragon yah done

i dont see any updates from your repo, i cant see createUser function, do you already implement that?

vast marten
#

i mean you can push your updated code to repo so i can check

fluid dragon
#

ohh wait they were src is missing?

vast marten
#

hi there, sorry im just back to support, do you still need help?

#

your code is not completed, please upload all files from your project so i can run it

fluid dragon
agile yarrow