mirror of
https://github.com/towfiqi/serpbear
synced 2025-06-26 18:15:54 +00:00
5650645b58
- Integrates Google Adwords API to generate keywords for a domain. - Adds a New Adwords Integration ui inside the App settings > Integrations screen to integrate Google Adwords. - Adds a New Ideas tab under each domain. - Adds ability to automatically generate keyword ideas based on website content, currently tracked keywords, Currently Ranking keywords or custom keywords - The Keyword Ideas are not saved in database, they are saved in a local file inside the data folder. File naming convention: IDEAS_domain.com.json - The keywords can be marked as favorites, and each time a keyword is favorited, they are added in the IDEAS_domain.com.json file.
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
type ToggleFieldProps = {
|
|
label: string;
|
|
value: boolean;
|
|
onChange: (bool:boolean) => void ;
|
|
classNames?: string;
|
|
}
|
|
|
|
const ToggleField = ({ label = '', value = false, onChange, classNames = '' }: ToggleFieldProps) => {
|
|
return (
|
|
<div className={`field--toggle w-full relative ${classNames}`}>
|
|
<label className="relative inline-flex items-center cursor-pointer w-full justify-between">
|
|
<span className="text-sm font-medium text-gray-900 dark:text-gray-300 w-auto">{label}</span>
|
|
<input
|
|
type="checkbox"
|
|
value={value.toString()}
|
|
checked={!!value}
|
|
className="sr-only peer"
|
|
onChange={() => onChange(!value)}
|
|
/>
|
|
<div className="relative rounded-3xl w-9 h-5 bg-gray-200 peer-focus:outline-none peer-focus:ring-4
|
|
peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800rounded-full peer dark:bg-gray-700
|
|
peer-checked:after:translate-x-full peer-checked:after:border-white after:content-['']
|
|
after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300
|
|
after:border after:rounded-full after:h-4 after:w-4
|
|
after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
|
|
|
|
</label>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ToggleField;
|