s444498/gonito-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

repo key in CodeShell

Browse Source
This commit is contained in:
Mateusz Tylka 2023-02-23 21:55:04 +01:00
parent a544036473
commit 5c75e53951
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/specific_challenge/HowTo/sections/HowToContent.js
View File

@ -19,8 +19,15 @@ const HowToContent = (props) => {
const repoKeyRender = () => { const repoKeyRender = () => {
if (props.userFullInfo) { if (props.userFullInfo) {
return props.userFullInfo.individualKey; return (
} return 'REPO_KEY_HERE'; <CodeShell
codeBlockIndex={0}
commands={[
props.userFullInfo.individualKey
]}
/>
);
}
}; };
return ( return (
@ -52,10 +59,11 @@ const HowToContent = (props) => {
> >
<CircleNumber number="2" /> <CircleNumber number="2" />
<Body as="p" margin="auto 0"> <Body as="p" margin="auto 0">
Add the following ssh key <Medium as="span">{repoKeyRender()}</Medium> to Add the following ssh key <Medium as="span">{props.userFullInfo ? '' : 'REPO_KEY_HERE'}</Medium> to
your deploy keys in your git repository settings. your deploy keys in your git repository settings.
</Body> </Body>
</Grid> </Grid>
{repoKeyRender()}
<Grid <Grid
width="100%" width="100%"
gridTemplateColumns="auto 1fr" gridTemplateColumns="auto 1fr"

2
src/utils/fonts.js
View File

@ -76,6 +76,8 @@ const Code = styled(Container)`
line-height: 18px; line-height: 18px;
font-weight: 300; font-weight: 300;
color: ${({theme}) => theme.colors.white}; color: ${({theme}) => theme.colors.white};
max-width: 600px;
overflow-wrap: break-word;
&:before { &:before {
display: ${({before}) => before ? 'inline-block' : 'none'}; display: ${({before}) => before ? 'inline-block' : 'none'};