mirror of
https://github.com/towfiqi/serpbear
synced 2025-06-26 18:15:54 +00:00
b2e97b2ebe
- Previously only domain properties worked with SerpBear. This feature adds the ability to add URL properties as well. - Adds a new field "search_console" in Domain Table. - Adds a new Search Console option in Domain Settings Modal UI. - When the new "This is a URL Property" option is enabled, the exact Property URL should be provided. closes #50
29 lines
934 B
TypeScript
29 lines
934 B
TypeScript
type InputFieldProps = {
|
|
label: string;
|
|
value: string;
|
|
onChange: Function;
|
|
placeholder?: string;
|
|
classNames?: string;
|
|
hasError?: boolean;
|
|
}
|
|
|
|
const InputField = ({ label = '', value = '', placeholder = '', onChange, hasError = false }: InputFieldProps) => {
|
|
const labelStyle = 'mb-2 font-semibold inline-block text-sm text-gray-700 capitalize';
|
|
return (
|
|
<div className="field--input w-full relative">
|
|
<label className={labelStyle}>{label}</label>
|
|
<input
|
|
className={`w-full p-2 border border-gray-200 rounded mb-3 focus:outline-none
|
|
focus:border-blue-200 ${hasError ? ' border-red-400 focus:border-red-400' : ''} `}
|
|
type={'text'}
|
|
value={value}
|
|
onChange={(event) => onChange(event.target.value)}
|
|
autoComplete="off"
|
|
placeholder={placeholder}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default InputField;
|