githubmirror/carbon

components/TweetButton.js

37 строк726 B

Michael Fix

New copy action menu (#970)

15 мар 2020, 02:58

15 мар 2020, 02:583acbd9e

import React from 'react'
import { useAsyncCallback, useOnline as useOnlineListener } from 'actionsack'

import { useAPI } from './ApiContext'
import Button from './Button'

import { COLORS } from '../lib/constants'

function TweetButton(props) {
  const api = useAPI()
  const online = useOnlineListener()
  const [onClick, { loading }] = useAsyncCallback(props.onClick)

  if (!api || !api.tweet) {
    return null
  }

  if (!online) {
    return null
  }

  return (
    <Button
      center
      border
      large
      padding="0 16px"
      margin="0 8px 0 0"
      onClick={onClick}
      color={COLORS.BLUE}
    >
      {loading ? 'Loading…' : 'Tweet'}
    </Button>
  )
}

export default React.memo(TweetButton)