smashercosmo

import styled from 'react-emotion'
import { string } from 'prop-types'
import isPropValid from '@emotion/is-prop-valid'

const color = props => {
  if (props.color) return { color: props.color }
  return null
}

export const TextProps = {

smashercosmo

import React from 'react'
import { NavLink, NavLinkProps } from 'react-router-dom'

export type LinkProps =
  | NavLinkProps
  | React.AnchorHTMLAttributes<HTMLAnchorElement>

function isNavLink(props: any): props is NavLinkProps {
  return props.to !== undefined
}

smashercosmo

import { Container } from 'unstated'

interface Organization {
  id: string
}

interface OrganizationsState {
  organizations: Organization[]
}

smashercosmo

const itemsByDate = items.reduce((acc, item) => {
  const date = formatDate(new Date(item.datetime), token);
  acc[date] = acc[date] ? acc[date].concat(item) : [item];
  return acc;
}, {})

// можно как угодно отсортировать даты
const sortedDates = Object.keys(itemsByDate).sort()

const Items = sortedDates.reduce((acc, date) => {

smashercosmo

import React from 'react'

import {
  SubComponent1,
  SubComponent2,
  SubComponent3,
} from '../SubComponents/SubComponents'

interface IComponentProps {
  className?: string

smashercosmo

// @flow

import React from 'react'
import { createSelector } from 'reselect'
import queryString from 'query-string'
import { type Location } from 'react-router-dom'

import Box from '../../components/Box/Box'
import {
  OrganizationsContainer,

smashercosmo

// @flow

import React from 'react'

import Box from '../../components/Box/Box'
import { type Organizations } from '../../state/organizations'
import OrganizationsList from '../../components/OrganizationsList/OrganizationsList'

export type OrganizationsPageProps = {
  organizations: Organizations,

smashercosmo

async function handlePasswordChange({ currentPassword, newPassword }) {
  await this.props.userState.changePassword({ currentPassword, newPassword })
  this.props.messageState.add({
    type: 'ok',
    text: 'Password changed.',
  })
}

async function handleUserUpdate({ firstName, lastName }) {
  await this.props.userState.update({ firstName, lastName })

smashercosmo

const propTypes = {
  history: PropTypes.object.isRequired,
}

const NewProjectRoute = props => (
  <Subscribe
    to={[
      OrganizationsContainer,
      UserContainer,
      UsersContainer,

smashercosmo

import React from 'react'

import ExternalLinkIcon from './link.svg'
import HeaderNavigationItem from '../HeaderNavigationItem/HeaderNavigationItem'
import { TutorialContext } from '../Tutorial/TutorialProvider'

import style from './HeaderNavigation.scss'

function HeaderNavigation() {
  return (