debug(ci): set icon paths to be relative

This commit is contained in:
Rickard Andersson 2023-08-22 08:11:38 +03:00
parent 7ef07e5955
commit 88eeaf281b
8 changed files with 10 additions and 10 deletions

View File

@ -67,7 +67,7 @@ const DeviceCPULoad: React.FC<DeviceCPULoadProps> = ({ load }) => {
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />
<XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}> <XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}>
<IconText <IconText
icon={message === 'Good' ? '/icons/check-circle.png' : '/icons/alert.png'} icon={message === 'Good' ? './icons/check-circle.png' : './icons/alert.png'}
weight={'semibold'} weight={'semibold'}
> >
{message} {message}

View File

@ -70,7 +70,7 @@ const DeviceMemoryHealth = ({ currentMemory, maxMemory }: DeviceMemoryHealthProp
</XStack> </XStack>
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />
<XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}> <XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}>
<IconText icon={message === 'Good' ? '/icons/check-circle.png' : '/icons/alert.png'}> <IconText icon={message === 'Good' ? './icons/check-circle.png' : './icons/alert.png'}>
{message} {message}
</IconText> </IconText>
{message === 'Poor' && ( {message === 'Poor' && (

View File

@ -75,7 +75,7 @@ const DeviceNetworkHealth = ({ uploadRate, downloadRate }: DeviceNetworkHealthPr
</XStack> </XStack>
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />
<XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}> <XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}>
<IconText icon={message === 'Good' ? '/icons/check-circle.png' : '/icons/alert.png'}> <IconText icon={message === 'Good' ? './icons/check-circle.png' : './icons/alert.png'}>
{message} {message}
</IconText> </IconText>
{message === 'Poor' && ( {message === 'Poor' && (

View File

@ -69,7 +69,7 @@ const DeviceStorageHealth: React.FC<DeviceStorageHealthProps> = ({ storage, maxS
<Separator borderColor={'#e3e3e3'} /> <Separator borderColor={'#e3e3e3'} />
<XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}> <XStack space={'$4'} style={{ padding: '10px 16px 10px 16px' }}>
<IconText <IconText
icon={message === 'Good' ? '/icons/check-circle.png' : '/icons/alert.png'} icon={message === 'Good' ? './icons/check-circle.png' : './icons/alert.png'}
weight={'semibold'} weight={'semibold'}
> >
{message} {message}

View File

@ -15,7 +15,7 @@ const Titles = ({ title, subtitle, isAdvancedSettings }: TitlesProps) => {
<XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}> <XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}>
<Title color={'#09101C'}>{title}</Title> <Title color={'#09101C'}>{title}</Title>
{isAdvancedSettings && ( {isAdvancedSettings && (
<Button size={32} variant="outline" icon={<Icon src={'/icons/reveal.png'} />}> <Button size={32} variant="outline" icon={<Icon src={'./icons/reveal.png'} />}>
Advanced Settings Advanced Settings
</Button> </Button>
)} )}

View File

@ -11,8 +11,8 @@ const NimbusLogo = () => {
}} }}
space={'$3'} space={'$3'}
> >
<img src={'/icons/marks.svg'} alt="marks" className="nimbus-logomark" /> <img src={'./icons/marks.svg'} alt="marks" className="nimbus-logomark" />
<img src={'/icons/nimbus.svg'} alt="marks" /> <img src={'./icons/nimbus.svg'} alt="marks" />
<BetaTag /> <BetaTag />
</XStack> </XStack>
) )

View File

@ -12,7 +12,7 @@ const NodesLogo = () => {
}} }}
space={'$2'} space={'$2'}
> >
<Icon src={'/icons/nodes-app-icon.png'} width={32} height={32} /> <Icon src={'./icons/nodes-app-icon.png'} width={32} height={32} />
<Text size={27} weight={'semibold'}> <Text size={27} weight={'semibold'}>
nodes nodes
</Text> </Text>

View File

@ -1,5 +1,5 @@
export const GREEN_CHECKMARK_ICON = '/icons/checkmark-circle-green.png' export const GREEN_CHECKMARK_ICON = './icons/checkmark-circle-green.png'
export const RED_CHECKMARK_ICON = '/icons/remove-circle-red.png' export const RED_CHECKMARK_ICON = './icons/remove-circle-red.png'
export const GOOD_STORAGE_TEXT = export const GOOD_STORAGE_TEXT =
'You have plenty of storage available for additional node services.' 'You have plenty of storage available for additional node services.'