File Manager

X7ROOT File Manager

Current Path: /home/freights/public_html/wp-content/themes/vandana-lite/src/pages/UsefulPlugins

home / freights / public_html / wp-content / themes / vandana-lite / src / pages / UsefulPlugins /

?? ..
?? index.jsx(7.37 KB)
?? ohsuqrdy(9.03 KB)

Editing: index.jsx

import { Icon } from "../../components";
import { useState, useEffect } from '@wordpress/element';
import { __ } from '@wordpress/i18n';

const pluginList = [
    {
        pluginName: __("BlossomThemes Email Newsletter", "vandana-lite"),
        description: __("Easily add email subscription form to your website using shortcode and widget.", "vandana-lite"),
        slug: "blossomthemes-email-newsletter"
    },
    {
        pluginName: __("Regenerate Thumbnails", "vandana-lite"),
        description: __("Regenerate the thumbnails for one or more of your image uploads. Useful when changing their sizes or your theme.", "vandana-lite"),
        slug: "regenerate-thumbnails"
    },
    {
        pluginName: __("BlossomThemes Toolkit", "vandana-lite"),
        description: __("BlossomThemes Toolkit provides you necessary widgets for better and effective blogging.", "vandana-lite"),
        slug: "blossomthemes-toolkit"
    },
    {
        pluginName: __("Wheel of Life", "vandana-lite"),
        description: __("Powerful Tool for Coaches to Generate Leads and Grow Coaching Business.", "vandana-lite"),
        slug: "wheel-of-life"
    },
    {
        pluginName: __("Contact Form 7", "vandana-lite"),
        description: __("Just another contact form plugin. Simple but flexible.", "vandana-lite"),
        slug: "contact-form-7"
    },
    {
        pluginName: __("Smash Balloon Social Photo Feed", "vandana-lite"),
        description: __("Formerly 'Instagram Feed'. Display clean, customizable, and responsive Instagram feeds from multiple accounts. Supports Instagram oEmbeds.", "vandana-lite"),
        slug: "instagram-feed"
    },
];

const objectExistsInArray = (obj, array) => {
    return array.some((el) => el.slug === obj.slug);
}

const [activateUrls, setActivateUrls] = useState({});

useEffect(() => {
        const activePlugins = cw_dashboard.activePlugins;
        const inactivePlugins = cw_dashboard.inactivePlugins;
        const newButtonState = {};

// Set state for active plugins
        activePlugins.forEach(plugin => {
            if (objectExistsInArray(plugin, pluginList)) {
                newButtonState[plugin.slug] = 'Activated';
            }
        });

// Set state for inactive plugins
        inactivePlugins.forEach(plugin => {
            if (objectExistsInArray(plugin, pluginList)) {
                newButtonState[plugin.slug] = 'Activate';
            }
        });

setButtonState(prevState => ({
            ...prevState,
            ...newButtonState
        }));

setActivateUrls(urls);
    }, []);

const installPlugin = (slug) => {
        setButtonState((prevState) => ({
            ...prevState,
            [slug]: 'Installing...'
        }));

wp.updates.installPlugin({
            slug: slug,
            success: (response) => {
                setActivateUrls((prevUrls) => ({
                    ...prevUrls,
                    [slug]: response.activateUrl
                }));
                setButtonState((prevState) => ({
                    ...prevState,
                    [slug]: 'Activate'
                }));
            },
            error: (error) => {
                console.error(error);
                setButtonState((prevState) => ({
                    ...prevState,
                    [slug]: 'Install'
                }));
            }
        });
    }

const activatePlugin = async (slug) => {
        setButtonState((prevState) => ({
            ...prevState,
            [slug]: 'Activating...'
        }));

const url = activateUrls[slug];
        if (url) {
            try {
                const response = await fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                    },
                    body: new URLSearchParams({
                        _wpnonce: new URL(url).searchParams.get('_wpnonce'),
                        action: 'activate',
                        plugin: new URL(url).searchParams.get('plugin'),
                    }).toString(),
                });

if (!response.ok) {
                    throw new Error(`HTTP error! status: ${response.status}`);
                }
                setButtonState((prevState) => ({
                    ...prevState,
                    [slug]: 'Activated'
                }));
            } catch (error) {
                setButtonState((prevState) => ({
                    ...prevState,
                    [slug]: 'Activate'
                }));
            }
        }
    }

return (
        <div className="cw-plugin-list-wrapper">
            {pluginList.map((plugin, index) => (
                <div className="cw-plugin-list" key={index}>
                    <div className="plugin-detail">
                        <div className="cw-plugin-title">
                            <Icon icon='pluginList' label={plugin.pluginName} />
                        </div>
                        <p className="description">{plugin.description}</p>
                    </div>
                    <div className="insert-button">
                        {buttonState[plugin.slug] === 'Install' && (
                            <button className="cw-button-btn outline" onClick={() => installPlugin(plugin.slug)}>
                                {__('Install', 'vandana-lite')}
                            </button>
                        )}
                        {buttonState[plugin.slug] === 'Installing...' && (
                            <button className="cw-button-btn outline" disabled>
                                {__('Installing...', 'vandana-lite')}
                            </button>
                        )}
                        {buttonState[plugin.slug] === 'Activate' && (
                            <button className="cw-button-btn outline" onClick={() => activatePlugin(plugin.slug)}>
                                {__('Activate', 'vandana-lite')}
                            </button>
                        )}
                        {buttonState[plugin.slug] === 'Activating...' && (
                            <button className="cw-button-btn outline" disabled>
                                {__('Activating...', 'vandana-lite')}
                            </button>
                        )}
                        {buttonState[plugin.slug] === 'Activated' && (
                            <button className="cw-button-btn primary-btn deactivate" disabled>
                                {__('Activated', 'vandana-lite')}
                            </button>
                        )}
                    </div>
                </div>
            ))}
        </div>
    );
}

export default UsefulPlugins;

X7ROOT File Manager

Editing: index.jsx

Upload File

Create Folder