望遠鏡への機能追加

私の最後のHacktoberfest貢献はTelescope , 素晴らしいWebアプリは、セネカ大学オープンソースコミュニティからのブログのフィードに集約に使用されます.

新機能
私は簡単にすべてのGithubのrepos、問題を表示し、ブログ投稿からサイドバーに要求のリンクを引くに取り組んでいました.
のために最初の仕事を書く数日後issue , オープンしたPR 草稿として.物事は遠くからだった!😄 私は多くの偉大なフィードバックを受け、バグを修正し、コードを改善するコミットを追加し続けた.PRは、複数のレビューアとの合計73のコメントを蓄積しました.私も助けてAndrew Nguyen のためにfilterGitHubUrls() Aの形での機能PR 私自身でtelescope fork .
基本的なアイデアは、githubリンクの配列を受信することでしたrepos , issues , pullRequests , そして最後に自分の個々の反応コンポーネントでそれらを表示します.

const GitHubInfo = ({ ghUrls }: Props) => {
  const classes = useStyles();
  const { repos, issues, pullRequests } = filterGitHubUrls(ghUrls);

  return (
    <ListSubheader className={classes.root}>
      <div className={classes.GitHubInfoContainer}>
        {!!repos.length && <Repos repoUrls={repos} />}
        {!!issues.length && <Issues issueUrls={issues} />}
        {!!pullRequests.length && <PullRequests prUrls={pullRequests} />}
      </div>
    </ListSubheader>
  );
};

最終結果
サイドバーは、著者とブログ記事の日付のみを表示するために使用します.ここでは、Githubデータを使用してポスト上でより完全な概要を示します.

私は望遠鏡のスラックチャンネルでこの機能の興奮を見て愛し、私は本当に結果に満足しています.それはすぐに望遠鏡の次のバージョンでリリースする必要があります!