react-native-web-headroom/docs/node_modules/@storybook/addon-links/src/react/components/link.js

React Native Web Headroom

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';

import { RoutedLink } from '@storybook/components';
import { openLink, hrefTo } from '../../preview';

export default class LinkTo extends PureComponent {
  constructor(...args) {
    super(...args);

    this.state = {
      href: '/',
    };

    this.handleClick = this.handleClick.bind(this);
  }

  componentDidMount() {
    this.updateHref(this.props);
  }

  componentWillReceiveProps(props) {
    if (props.kind !== this.props.kind || props.story !== this.props.story) {
      this.updateHref(props);
    }
  }

  async updateHref(props) {
    const href = await hrefTo(props.kind, props.story);
    this.setState({ href });
  }

  handleClick() {
    openLink(this.props);
  }

  render() {
    const { kind, story, ...rest } = this.props;

    return <RoutedLink href={this.state.href} onClick={this.handleClick} {...rest} />;
  }
}

LinkTo.defaultProps = {
  kind: null,
  story: null,
};

LinkTo.propTypes = {
  kind: PropTypes.string,
  story: PropTypes.string,
};