frontend: apply displayedValue class conditionally to rm space

shonsirsha · shonsirsha · commit d95267845656 · 2023-12-20T18:37:42.000+01:00
unuseful space was added due to always having `.displayedValue`
class regardless when there's displayed value or not for
`SettingsItem`. We should only add it if there's a displayed
value.
diff --git a/frontends/web/src/routes/settings/components/settingsItem/settingsItem.tsx b/frontends/web/src/routes/settings/components/settingsItem/settingsItem.tsx
@@ -44,7 +44,7 @@ export const SettingsItem = ({
     <div className={styles.rightContentContainer}>
       <p className={
         `
-        ${styles.displayedValue}
+        ${displayedValue ? styles.displayedValue : ''}
         ${extraComponent ? styles.withMargin : ''}
         ${hideDisplayedValueOnSmall ? styles.hideDisplayedValueOnSmall : ''}
        `}

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@ export const SettingsItem = ({`
`44`	`44`	`<div className={styles.rightContentContainer}>`
`45`	`45`	`<p className={`
`46`	`46`	`
`47`		`- ${styles.displayedValue}`
	`47`	`+ ${displayedValue ? styles.displayedValue : ''}`
`48`	`48`	`${extraComponent ? styles.withMargin : ''}`
`49`	`49`	`${hideDisplayedValueOnSmall ? styles.hideDisplayedValueOnSmall : ''}`
`50`	`50`	`}