DanielCeron-dc

 CREATE EVENT deleteReport${reportCreated.id}
            ON SCHEDULE AT CURRENT_TIMESTAMP + INTERVAL 1 MINUTE 
            DO
            DELETE FROM reports WHERE id = ${reportCreated.id};

DanielCeron-dc

console.log('\x1b[36m%s\x1b[0m', 'cyan'); // cyan color
console.log('\x1b[33m%s\x1b[0m', 'yellow');  //yellow
console.log('\x1b[32m%s\x1b[0m', 'green'); // green
console.log('\x1b[31m%s\x1b[0m', 'red'); // red
console.log('\x1b[35m%s\x1b[0m', 'magenta'); // magenta
console.log('\x1b[34m%s\x1b[0m', 'blue'); // blue
console.log('\x1b[37m%s\x1b[0m', 'white'); // white
console.log('\x1b[90m%s\x1b[0m', 'gray'); // gray
console.log('\x1b[95m%s\x1b[0m', 'lightgray'); // lightgray
console.log('\x1b[96m%s\x1b[0m', 'lightblue'); // lightblue

DanielCeron-dc

import React, { useEffect } from 'react';

const changeCssVariable = (name: string, value: string) => {
    document.documentElement.style.setProperty(name, value);
};

const changeTheme = (type: 'light' | 'black' | 'dark') => {
    switch (type) {
        case 'light':
            changeCssVariable('--color1', 'white');

DanielCeron-dc

.loader {
    position: relative;
    width: 200px; 
    height: 200px;
    background-color: rgb(31, 31, 31);
    display: flex; 
    justify-content: center;
    align-items: center;
    transition: .5s;
    color: white; 

DanielCeron-dc

.base {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex; 
    justify-content: center;
    align-items: center;
    margin: 1rem;
    width: 20rem;
    height: 5rem; 

DanielCeron-dc

import React, { CSSProperties } from "react";

const style: CSSProperties = {
    backgroundColor: "var(--secondary)",
    height: 50,
    width: "100%",
    display: "flex",
    position: "sticky",
    top: 0,
    left: 0,

DanielCeron-dc

.navbar {
    background: var(--secondary); 
    height: 60px;
    position: sticky;
    display: flex; 
    top: 0; 
    left: 0; 
    z-index: 2;
    justify-content: flex-end;
    align-items: flex-start;

DanielCeron-dc

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

DanielCeron-dc

/* this is the css file for the variables.css file */
:root {
    --primary: #36393f; 
    --primary-dark: #2f3136;
    --secondary: mediumseagreen; /* navbars */
    --secondary-dark: rgb(40, 122, 77);
    --tertiary: #34568B;
    --tertiary-dark: #29446e;
    --quaternary: #FF6F61;
    --quaternary-dark: #cc564b;

DanielCeron-dc

interface IValue {
    value: string;
    key: string;
}

class localStorageList {
    values: IValue[] = [];
    key: string;
    constructor(key: string) {