flatlinediver

type ItemsWithUnit<T> = T & { [P in keyof T & string as `_${P}`]: T[P] };

const withUnit = <T>(items: T, unit = 'px'): ItemsWithUnit<T> => {
  let newObj = {};
  Object.keys(items).forEach((key) => {
    const originalElement = items[key as keyof T];
    if (typeof originalElement !== 'number') {
      newObj = {
        ...newObj,
        [key]: originalElement,

flatlinediver

import React, {useContext, useState} from 'react'
import { ThemeContext } from 'styled-components';
import Select from 'react-select'

const styles = {
    control: (provided, { selectProps: { theme, anotherProp } }) => ({
        ...provided,
        background: anotherProp,
        boxShadow: theme.shadow(),
        border: 'none',

flatlinediver

import React from 'react'
import { Route, Switch, withRouter } from 'react-router-dom'
import { Transition,TransitionGroup } from 'react-transition-group'
import { StaggeredMotion, spring } from 'react-motion'
import {timeout} from '../constants'

export const Component = memo(({param, status}) => {
  const options = {stiffness: 470, damping: 25}
  const defaultStyles = [{x: -50}, {x: -50}]
  return(

flatlinediver

import React, {useState} from 'react'

export const Input = () => {
  const [ inputValue, setinputValue ] = useState()
  const handleChange = ({ target: {value} }) => setinputValue(value)
  return(
      <input name='name' value={ inputValue } onChange={ handleChange }/>
  )
}

flatlinediver

const { MAILGUN_API_KEY: apiKey, DOMAIN: domain, RECEIVER_MAIL: receiver_mail } = process.env
const mailgun = require('mailgun-js')({ apiKey, domain })

exports.handler = function(event, context, callback) {

    if(event.httpMethod!='POST' || !event.body){
        return callback(new Error('An error occurred!'))
    }

    const data = JSON.parse(event.body)