Elep

import { __ } from '@wordpress/i18n';
import readMore from "../../utils/readMore";
import TextInput from "../Inputs/TextInput";
import Icon from "../../utils/Icon";
import useIntegrations from "./IntegrationsData";
import {useEffect, useState} from "react";

const Urls = (props) => {
	const { setScript, fetching } = useIntegrations();
	const [hasEmptyUrl, setHasEmptyUrl] = useState(false);
	const script = props.script;
	const type = props.type;

useEffect(() => {
		//check if one of the URLS is empty. if so, setHasEmptyUrl to true
		let urls = script.hasOwnProperty('urls') ? Object.values(script.urls) : [''];
		if (urls.includes('')) {
			setHasEmptyUrl(true);
		} else {
			setHasEmptyUrl(false);
		}

}, [script]);

const onChangeUrlHandler = (index, url) => {
		let copyScript = {...script};
		let urls = {...copyScript.urls};
		urls[index] = url;
		copyScript.urls = urls;
		setScript(copyScript, props.type);
	}

const addUrl = () => {
		let copyScript = {...script};
		let urls = copyScript.hasOwnProperty('urls') ? {...copyScript.urls} : [''];
		let curLength = Object.keys(urls).length;

urls[curLength+1] = '';
		copyScript.urls = urls;
		setScript(copyScript, props.type);
	}