mirror of
https://github.com/towfiqi/serpbear
synced 2025-06-26 18:15:54 +00:00
f04b10cf6b
- Adds the ability to add domain specific Search Console API Info through the Domain Settings panel. - Adds the ability to add global Search Console API Info through the App Settings Panel. - Adds better Search Console Error logging. - Changes the App Settings Sidebar UI. - Changers the Domain Settings Modal UI. - Replaces html Input field with custom InputField component. - Adds a new /domain api route to get the full domain info which includes the domain level Search console API. closes #59, #146
29 lines
965 B
TypeScript
29 lines
965 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 flex justify-between items-center">
|
|
<label className={labelStyle}>{label}</label>
|
|
<input
|
|
className={`p-2 border border-gray-200 rounded focus:outline-none w-[210px]
|
|
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;
|