inputs ProvinceInput.tsx

80% Statements 4/5

50% Branches 1/2

100% Functions 2/2

80% Lines 4/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35  
 
 
 
 
 
 
 
 
 
1x
2x
2x
 
 
 
118x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import { RHFInput } from "@common/Input";
import { RHFSelect } from "@common/Select";
import { getUSNames } from "@utils/country_dial_codes";
 
type ProvinceInputProps = {
  isUS: boolean;
  isRequired?: boolean;
};
 
const ProvinceInput = ({ isUS, isRequired }: ProvinceInputProps) => {
  Eif (isUS)
    return (
      <RHFSelect
        name="province"
        label="State"
        options={getUSNames().map((state) => ({
          value: state,
          label: state,
        }))}
      />
    );
 
  return (
    <RHFInput
      name="province"
      label="Province"
      fullWidth
      placeholder="Type in your Province"
    />
  );
};
 
export default ProvinceInput;