vczb

# upgrade interactive
yarn upgrade-interactive --latest

vczb

# See http://help.ubuntu.com/community/UpgradeNotes for how to upgrade to
# newer versions of the distribution.
deb http://archive.ubuntu.com/ubuntu/ focal main restricted
# deb-src http://archive.ubuntu.com/ubuntu/ focal main restricted

## Major bug fix updates produced after the final release of the
## distribution.
deb http://archive.ubuntu.com/ubuntu/ focal-updates main restricted
# deb-src http://archive.ubuntu.com/ubuntu/ focal-updates main restricted

vczb

/*
    VARIABLES
*/

//colors

$primary: #afaaa2;
$secondary: #B44242;
$tertiary: #94A812;

vczb

.grid-auto-fill {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
    grid-gap: 3.2rem;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

vczb

#chrome 

$wget -q -O - https://dl.google.com/linux/linux_signing_key.pub | sudo apt-key add -
$sudo sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google-chrome.list'
$sudo apt-get update
$sudo apt install google-chrome-stable

vczb

NextJS environment-variables

will be not read, only for template/example

• .env.local.example
• .env.example
• .env.template

on develop environment

vczb

# Only the system vendor should modify this file, ordinary users
# should not have to change anything.

[UPower]

# Enable the Watts Up Pro device.
#
# The Watts Up Pro contains a generic FTDI USB device without a specific
# vendor and product ID. When we probe for WUP devices, we can cause
# the user to get a perplexing "Device or resource busy" error when

vczb

// Type definitions for prop-types 15.7
// Project: https://github.com/reactjs/prop-types, https://facebook.github.io/react
// Definitions by: DovydasNavickas <https://github.com/DovydasNavickas>
//                 Ferdy Budhidharma <https://github.com/ferdaber>
//                 Sebastian Silbermann <https://github.com/eps1lon>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8

export type ReactComponentLike =
    | string

vczb

/* eslint-disable @typescript-eslint/no-explicit-any */
import { css } from 'styled-components'

type Breakpoints = {
  [key: string]: string
}

const breakpoints: Breakpoints = {
  xs: '480px',
  sm: '768px',

vczb

import { useEffect } from 'react'

type Props = {
  ref: React.RefObject<HTMLElement>
  handleClickAway: () => void
}

const useClickAwayListener = (ref: any, handleClickAway: any) => {
  const handleClick = (event: MouseEvent) => {
    if (!ref?.current?.contains(event?.target)) {