Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react';
import { axios } from '../../../utils';
import styles from './HomeSection.module.scss';

export default function SocialNetworks() {
    const handleOnRoom = async () => {
        try {
            const response = await axios.post('/moodle');
            if(response.data.success) {
                let form = document.createElement('form');
                form.setAttribute('method', 'post');
                form.setAttribute('action', response.data.data.url);
                form.setAttribute('target', '_blank');
                Object.keys(response.data.data).forEach(key => {
                    if(key != 'url') {
                        const value = response.data.data[key];
                        console.log('>>: value > ', value)
                        let hiddenField = document.createElement('input');
                        hiddenField.setAttribute('type', 'hidden');
                        hiddenField.setAttribute('name', key);
                        hiddenField.setAttribute('value', value);
                        form.appendChild(hiddenField);
                    }
                })
                document.body.appendChild(form);
                form.submit();
            }
            console.log('>>: res > ', res)
        } catch (error) {
            console.log('>>: error > ', error)
        }finally{

        }
        // $('.btn-onroom').click(function(e) {
        //     e.preventDefault();
    
        //     NProgress.start(); 
        //     $.ajax({
        //         'dataType'  : 'json',
        //         'accept'    : 'application/json',
        //         'method'    : 'post',
        //         'url'       :  '$routeMoodle',
        //     }).done(function(response) {
        //         if(response['success']) {
        //             var form = document.createElement('form');
        //             form.setAttribute('method', 'post');
        //             form.setAttribute('action', response['data']['url']);
        //             form.setAttribute('target', '_blank');
                    
        //             $.each(response['data'], function(key, value) {
        //                 if(key != 'url') {
        //                     var hiddenField = document.createElement('input');
        //                     hiddenField.setAttribute('type', 'hidden');
        //                     hiddenField.setAttribute('name', key);
        //                     hiddenField.setAttribute('value', value);
        //                     form.appendChild(hiddenField);
        //                 }
        //             });
        //             document.body.appendChild(form);
        //             form.submit();
    
        //         } else {
        //            $.fn.showError(response['data']);
        //         }            
        //     }).fail(function( jqXHR, textStatus, errorThrown) {
        //         $.fn.showError(textStatus);
        //     }).always(function() {
        //        NProgress.done();
        //     });
        //     return false;
    
    
        // });
    }
  return (
    <div className={styles.widget + ' border-gray'}>
        <div className={styles.widget__app}>
            <a href="#">
                <img
                    className={styles.widget__app__img}
                    src="/images/logo-onroom.png"
                    alt=""
                />
            </a>
            <a href="#" onClick={() => handleOnRoom()} className={styles.widget__app__title} title="">
                CESA ON ROOM
            </a>
        </div>
        <div className={styles.widget__app}>
            <a href="#">
                <img
                    className={styles.widget__app__img}
                    src="/images/logo-2getskills.jpeg"
                    alt=""
                />
            </a>
            <a href="#" className={styles.widget__app__title} title="">
                Microaprendizaje
            </a>
        </div>
    </div>
  )
}