Skip to content
This repository has been archived by the owner on May 25, 2023. It is now read-only.

Commit

Permalink
feat: Add link to user's open-sauced goals (#1016)
Browse files Browse the repository at this point in the history
* feat: Add link to user's open-sauced goals

* Use template literal
  • Loading branch information
mtfoley committed May 25, 2021
1 parent a3f3f18 commit 2b28132
Showing 1 changed file with 9 additions and 4 deletions.
13 changes: 9 additions & 4 deletions src/components/CreateGoals.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,23 +15,28 @@ function CreateApp() {
Open Sauced is a tool to help track your open source contributions. You can get started by creating a goal
workspace below.
</p>
<p>A public repository name "open-sauced-goals" will be created on your GitHub account to store.</p>
<p>A public repository named "open-sauced-goals" will be created on your GitHub account to store data about your goals.</p>
<small>
<em>You own all your data saved while saucin.</em>
</small>
</React.Fragment>
);
}

function InstallApp() {
function InstallApp({user}) {
const repoUrl = `https://github.com/${user.login}/open-sauced-goals`;
return (
<React.Fragment>
<h1>Install the GitHub App</h1>
<p>
GitHub Apps are the officially recommended way to integrate with GitHub because they offer much more granular
permissions to access data.
</p>
<p>The Open Sauced App needs to be installed on your newly created "open-sauced-goals" public repository.</p>
<p>
The Open Sauced App needs to be installed on your newly
created <a href={repoUrl} target="_blank" rel="noreferrer">open-sauced-goals</a> public
repository.
</p>
<img
style={{textAlign: "center", width: "80%"}}
src="https://user-images.githubusercontent.com/20134767/86527180-4a83c700-be51-11ea-8eaf-660298cf3c66.png"
Expand Down Expand Up @@ -86,7 +91,7 @@ function CreateGoals({installNeeded, user, onRepoCreation}) {
<React.Fragment>
<ContextStyle>
<SpaceBetweenTop>
<FlexColumn>{installReady ? <InstallApp /> : <CreateApp />}</FlexColumn>
<FlexColumn>{installReady ? <InstallApp user={user} /> : <CreateApp />}</FlexColumn>
<Illustration alt="productive developer image" src={devProductive} />
</SpaceBetweenTop>
</ContextStyle>
Expand Down

0 comments on commit 2b28132

Please sign in to comment.