/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 */

import styled from 'react-emotion';
import {colors} from './colors';
import {Component} from 'react';
import {shell} from 'electron';
import React from 'react';

const StyledLink = styled('span')({
  color: colors.highlight,
  '&:hover': {
    cursor: 'pointer',
    textDecoration: 'underline',
  },
});
StyledLink.displayName = 'Link:StyledLink';

export default class Link extends Component<{
  href: string;
  children?: React.ReactNode;
}> {
  onClick = () => {
    shell.openExternal(this.props.href);
  };

  render() {
    return (
      <StyledLink onClick={this.onClick}>
        {this.props.children || this.props.href}
      </StyledLink>
    );
  }
}

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 */

import styled from 'react-emotion';
import {colors} from './colors';
import {Component} from 'react';
import {shell} from 'electron';
import React from 'react';

const StyledLink = styled('span')({
  color: colors.highlight,
  '&:hover': {
    cursor: 'pointer',
    textDecoration: 'underline',
  },
});
StyledLink.displayName = 'Link:StyledLink';

export default class Link extends Component<{
  href: string;
  children?: React.ReactNode;
}> {
  onClick = () => {
    shell.openExternal(this.props.href);
  };

  render() {
    return (
      <StyledLink onClick={this.onClick}>{this.props.children}</StyledLink>
    );
  }
}

--- 
+++ 
@@ -32,7 +32,9 @@
 
   render() {
     return (
-      <StyledLink onClick={this.onClick}>{this.props.children}</StyledLink>
+      <StyledLink onClick={this.onClick}>
+        {this.props.children || this.props.href}
+      </StyledLink>
     );
   }
 }
Apply styling to support details form

Summary:
Applies some additional styling to the support details form, and implemented the screenshot / video styling.

Probably needs some more fixes in the future, once we have a real report to import :)

Reviewed By: jknoxville

Differential Revision: D18658388

fbshipit-source-id: dc9207ec08b3f4360c96d8d14980710c57d6b5ec
