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

import React from 'react'

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

interface IComponentProps {
  className?: string

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 { Container } from 'unstated'

interface Organization {
  id: string
}

interface OrganizationsState {
  organizations: Organization[]
}

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 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 styled from 'react-emotion'
import { bool } from 'prop-types'
import isPropValid from '@emotion/is-prop-valid'
import {
  fontSize,
  color,
  textAlign,
  fontWeight,
  hover,
  propTypes,

smashercosmo

import { NavLink as ReactRouterNavLink, NavLinkProps } from 'react-router-dom'
import Text from '../Text/Text'
const NavLink = Text.withComponent<NavLinkProps>(ReactRouterNavLink)
export default NavLink

smashercosmo

import React from 'react'
import { css, cx } from 'react-emotion'
import { NavLinkProps } from 'react-router-dom'

import NavLink from '../NavLink/NavLink'

const linkClassName = css`
  color: blue;
`

smashercosmo

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

const Link: React.SFC<NavLinkProps | AnchorHTMLAttributes> = props => {
  if (props.to) {
    return <NavLink {...props} />
  }

  return <a {...props} />
}