react-feather#GitPullRequest JavaScript Examples

The following examples show how to use react-feather#GitPullRequest. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: HeroSec.js    From webDevsCom with MIT License 5 votes vote down vote up 
HeroSec = () => {
  return (
    <div style={{ minHeight: "100vh" }}>
      <section className="section">
        <div className="container">
          <div className="column has-text-centered is-hidden-touch">
            <p className="title fadeInUp" style={{ animationDelay: "0.25s" }}>
              <span style={{ fontSize: "5rem" }}>
                Hello Developer, welcome home!
              </span>
            </p>
            <p
              className="subtitle is-3 has-text-grey fadeInUp"
              style={{ animationDelay: ".5s" }}
            >
              We have collected over 1000+ free resources to make your
              development journey hassle free Enjoy the experience.
            </p>
            <Contributor />
            <div className="column fadeInUp" style={{ animationDelay: "1s" }}>
              <a
                href="https://github.com/WebDevsCom/webDevsCom"
                className="button button-special box-shadow-lift is-large is-rounded"
                target="_blank"
                rel="noopener noreferrer"
              >
                <GitHub /> <span> &emsp;open sourced on GitHub</span>
              </a>
            </div>
          </div>

          <div className="column has-text-centered is-hidden-desktop">
            <p
              className="title is-2 fadeInUp"
              style={{ animationDelay: ".25s" }}
            >
              Hello Developer, welcome home!
            </p>
            <p
              className="subtitle has-text-grey is-5 fadeInUp"
              style={{ animationDelay: ".5s" }}
            >
              We have collected over 1000+ free resources to make your
              development journey hassle free Enjoy the experience.
            </p>
            <Contributor />
            <div className="column fadeInUp" style={{ animationDelay: "1s" }}>
              <a
                href="https://github.com/WebDevsCom/webDevsCom"
                className="button button-special box-shadow-lift is-large is-rounded"
                target="_blank"
                rel="noopener noreferrer"
              >
                <GitPullRequest /> <span> &emsp;Github</span>
              </a>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
}
Example #2
Source File: ResourceCard.js    From webDevsCom with MIT License 4 votes vote down vote up 
ResourceCard = memo(({ resource, history }) => {
  const { id, repoName, repoOwner, repoOwnerName, category: categories, description } = resource;

  const ResourceContext = useContext(resourceContext);
  const { category, setCategory } = ResourceContext;

  return (
    <div
      key={id}
      className='column is-full-mobile is-half-tablet is-half-desktop is-one-third-widescreen is-one-quarter-fullhd'
    >
      <div
        className='card box-shadow-lift'
        style={{
          marginTop: '0.3rem',
          display: 'flex',
          flexDirection: 'column',
          height: '100%',
        }}
      >
        <header
          className='card-header'
          style={{ cursor: 'pointer' }}
          onClick={() => history.push(`/resources/${id}`)}
        >
          <p className='card-header-title has-text-info subtitle is-5 is-capitalized'>
            {repoName}
          </p>
        </header>
        <div className='card-content'>
          <div className='content'>
            <div
              className='media'
              style={{ marginBottom: '0', cursor: 'default' }}
            >
              <div className='media-left'>
                <figure className='image is-48x48 is-inline-flex'>
                  <a
                    href={`https://github.com/${repoOwnerName}`}
                    target='_blank'
                    rel='noopener noreferrer'
                  >
                    <img
                      className='is-rounded avatar-home'
                      alt={repoOwnerName}
                      src={`https://avatars.githubusercontent.com/${repoOwnerName}`}
                      loading="lazy"
                    />
                  </a>
                </figure>
              </div>
              <div className='media-content'>
                <p
                  className='is-5 subtitle'
                  style={{ marginBottom: '0' }}
                >
                  {repoOwner}
                </p>
                <a
                  href={`https://github.com/${repoOwnerName}`}
                  target='_blank'
                  rel='noopener noreferrer'
                >
                  @{repoOwnerName}
                </a>
              </div>
            </div>
            <br />
            <div
              onClick={() => history.push(`/resources/${id}`)}
              style={{ cursor: 'pointer' }}
              className='has-text-justified'
            >
              {description}
            </div>
          </div>
        </div>
        <div style={{ marginTop: 'auto' }}>
          <div id='categories' className='card-content'>
            {categories.map((cat, index) => (
              <span
                title={cat}
                key={index}
                onClick={() =>
                  setCategory(cat.toLowerCase())
                }
                id={cat === category ? 'active-dot' : ''}
                className={`category ${cat}`}
              ></span>
            ))}
          </div>
          <footer className='card-footer'>
            <a
              href={
                `https://github.com/${repoOwnerName}/${repoName}/stargazers`
              }
              target='_blank'
              rel='noopener noreferrer'
              className='card-footer-item'
              title='star this Repo'
            >
              <Star />
            </a>
            <Link
              to={`/resources/${id}`}
              className='card-footer-item'
              title='view Resource'
            >
              <Eye /> &emsp;View
                    </Link>
            <a
              href={
                `https://github.com/${repoOwnerName}/${repoName}/network/members`
              }
              target='_blank'
              rel='noopener noreferrer'
              className='card-footer-item'
              title='Fork this Repo'
            >
              <GitPullRequest />
            </a>
          </footer>
        </div>
      </div>
    </div>
  )
})