status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'hn.validator-onboarding' of https://github.com/nimbus-gui/nimbus-gui into hn.validator-onboarding

This commit is contained in:
RadoslavDimchev 2023-08-29 09:20:58 +03:00
parent 0cb1ad783d ac4914c0b5
commit 6606fb6d4d
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx
View File

@ -2,8 +2,7 @@ import { Stack, YStack } from 'tamagui'
import Icon from '../../../components/General/Icon' import Icon from '../../../components/General/Icon'
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
// make func component
type OsCardProps = { type OsCardProps = {
name: string name: string
icon: string icon: string
@ -18,7 +17,7 @@ const OsCard = ({ name, icon, onClick, isSelected }: OsCardProps) => {
border: isSelected ? '1px solid #2A4AF566' : '1px solid rgba(0, 0, 0, 0.15);', border: isSelected ? '1px solid #2A4AF566' : '1px solid rgba(0, 0, 0, 0.15);',
borderRadius: '16px', borderRadius: '16px',
padding: '12px 16px', padding: '12px 16px',
width: '30%', width: '33%',
}} }}
space={'$12'} space={'$12'}
onPress={onClick} onPress={onClick}

17
src/pages/ValidatorOnboarding/ValidatorSetup/SyntaxHighlighter.tsx
View File

@ -1,24 +1,25 @@
import { YStack } from 'tamagui' import { YStack } from 'tamagui'
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter' import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
import { solarizedlight } from 'react-syntax-highlighter/dist/esm/styles/prism'; import { solarizedlight } from 'react-syntax-highlighter/dist/esm/styles/prism'
type SyntaxHighlighterBoxProps = { type SyntaxHighlighterBoxProps = {
rows: string[] rows: string[]
} }
const customStyle = { const customStyle = {
...solarizedlight, ...solarizedlight,
'pre[class*="language-"]': { 'pre[class*="language-"]': {
...solarizedlight['pre[class*="language-"]'], ...solarizedlight['pre[class*="language-"]'],
backgroundColor: 'white', backgroundColor: 'white',
} },
}; }
const SyntaxHighlighterBox = ({ rows }: SyntaxHighlighterBoxProps) => { const SyntaxHighlighterBox = ({ rows }: SyntaxHighlighterBoxProps) => {
return ( return (
<YStack style={{ borderRadius: '15px' }}> <YStack>
<SyntaxHighlighter <SyntaxHighlighter
language="bash" language="bash"
style={customStyle} style={customStyle}
showLineNumbers={true} showLineNumbers={true}
lineNumberStyle={{ backgroundColor: '#E7EAEE', color: 'black' }}
> >
{`${rows.join('\n')}`} {`${rows.join('\n')}`}
</SyntaxHighlighter> </SyntaxHighlighter>

4
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx
View File

@ -58,8 +58,8 @@ const ValidatorSetupInstall = () => {
commands add the Geth tap and install Geth: commands add the Geth tap and install Geth:
</Text> </Text>
</YStack> </YStack>
{/* Cards */}
<XStack justifyContent={'space-between'} space={'$3'} margin={'50px 0px'}> <XStack justifyContent={'space-between'} space={'$2'} margin={'50px 0px'}>
<OsCard <OsCard
icon="/icons/MAC.png" icon="/icons/MAC.png"
name="Mac" name="Mac"