Skip to content

Instantly share code, notes, and snippets.

handleSave = async () => {
if (!this.state.editing.id) {
const newId = Math.max(...this.state.contacts.map(contact => contact.id)) + 1;
let editing = { ...this.state.editing };
editing.id = newId;
await this.setState({ editing });
}
const idToUpdate = this.state.editing.id;
const duplicate = [...this.state.contacts].filter(contact => contact.id !== idToUpdate);
this.setState({ contacts: [...duplicate, this.state.editing] }, () => this.toggleModal());
getCartQuantity = () => {
this.getTotalPrice();
const updatedCart = [...this.state.cart];
let quant = [];
updatedCart.forEach(element => {
quant.push(element.quantity);
});
if (timeRemaining >= 0) {
hours = parseInt(timeRemaining / 3600);
timeRemaining = timeRemaining % 3600;
minutes = parseInt(timeRemaining / 60);
timeRemaining = timeRemaining % 60;
seconds = parseInt(timeRemaining);
document.querySelector('#hours').innerHTML = ('0' + hours).slice(-2);
document.querySelector('#minutes').innerHTML = ('0' + minutes).slice(-2);
document.querySelector('#seconds').innerHTML = ('0' + seconds).slice(-2);
function getCountryName(event) {
event.preventDefault();
const countryOutput = document.querySelector('#country-output');
let code = document.querySelector('#country-text').value;
countryOutput.innerHTML = '';
fetch(`https://restcountries.eu/rest/v2/ callingcode/${code}`)
.then(result => result.json())
.then(result => {
result.map(country =>
(countryOutput.innerHTML +=
@media screen and (max-width: 1100px) {
.mobile-menu {
display: flex;
}
header, .nav-container, .nav-container ul li, .gray-nav, .gray-nav ul {
flex-direction: column;
justify-content: center;
const tooltip = d3
.select('body')
.append('div')
.attr('class', 'tooltip');
const color = d3
.scaleLinear()
.domain([d3.min(vatValues), d3.mean(vatValues), d3.max(vatValues)])
.range(['green', 'yellow', 'red']);
async function getCurrencies(url) {
await fetch(url)
.then(result => result.json())
.then(result => sortCurrencies(result))
.then(result => setOptions(result));
}
filterByBrand = event => {
this.setState({ brand: event.target.value }, () => {
const filtered = this.state.items.filter(item =>
item.manufacturer.toLowerCase()
.includes(this.state.brand.toLowerCase()),
);
this.setState({ filtered });
});
};
dataArray.forEach(element => {
d3.select(`.population-map #${element.county}`)
.style('fill', color(element.total / (element.population / 10000)))
.on('mouseover', () =>
tooltip.style('display', 'block').html(
`<p><strong>${element.county} County</strong></p>
<p>${(element.total / (element.population / 10000)).toFixed(2)} Crime(s) </p>`,
))
.on('mousemove', () => tooltip.style('top', `${d3.event.pageY + 10}px`)