+
)}
- {items &&
- items.map((item, index) => (
-
-
-
{item.label}
-
- {item.description}{' '}
- {item.learnMoreLink && (
-
- )}
-
-
+ {items?.map((item, index) => (
+ // biome-ignore lint/suspicious/noArrayIndexKey:
+
+
+
{item.label}
+
+ {item.description}{' '}
+ {item.learnMoreLink && (
+
+ )}
+
+
-
- {item.value}
-
+
+ {item.value}
- ))}
+
+ ))}
);
};
diff --git a/src/renderer/Generics/redesign/LabelSetting/labelSettingsSection.css.ts b/src/renderer/Generics/redesign/LabelSetting/labelSettingsSection.css.ts
index a5a56d5e5..fa04bd77a 100644
--- a/src/renderer/Generics/redesign/LabelSetting/labelSettingsSection.css.ts
+++ b/src/renderer/Generics/redesign/LabelSetting/labelSettingsSection.css.ts
@@ -7,7 +7,7 @@ export const sectionContainer = style({
alignItems: 'flex-start',
padding: '8px 0px',
selectors: {
- [`&.modal`]: {
+ '&.modal': {
padding: '0px 0px 8px 0px',
},
},
@@ -49,11 +49,11 @@ export const lineContainer = style({
borderBottom: '1px solid',
borderColor: vars.color.font10,
selectors: {
- [`&.dataDir`]: {
+ '&.dataDir': {
alignItems: 'unset',
flexDirection: 'column',
},
- [`&.syncMode`]: {
+ '&.syncMode': {
alignItems: 'flex-start',
flexDirection: 'column',
},
@@ -69,7 +69,7 @@ export const labelAndDescriptionContainer = style({
flexGrow: 0,
maxWidth: '68%',
selectors: {
- [`&.syncMode`]: {
+ '&.syncMode': {
flexDirection: 'row',
gap: 8,
},
@@ -91,10 +91,10 @@ export const lineValueText = style({
flexGrow: 0,
maxWidth: 352,
selectors: {
- [`&.dataDir`]: {
+ '&.dataDir': {
maxWidth: 'unset',
},
- [`&.syncMode`]: {
+ '&.syncMode': {
maxWidth: 'unset',
width: '100%',
},
diff --git a/src/renderer/Generics/redesign/LabelValues/LabelValues.tsx b/src/renderer/Generics/redesign/LabelValues/LabelValues.tsx
index a6323d6e0..3b45ab47d 100644
--- a/src/renderer/Generics/redesign/LabelValues/LabelValues.tsx
+++ b/src/renderer/Generics/redesign/LabelValues/LabelValues.tsx
@@ -1,11 +1,11 @@
+import LineLabelValuesItem, {
+ type LabelValuesSectionProps,
+} from './LabelValuesSection';
import {
- titleFont,
columnContainerStyle,
columnItemStyle,
+ titleFont,
} from './labelValues.css';
-import LineLabelValuesItem, {
- LabelValuesSectionProps,
-} from './LabelValuesSection';
export interface LineLabelValuesProps {
/**
@@ -36,12 +36,11 @@ const LineLabelValues = ({ title, items, column }: LineLabelValuesProps) => {
<>
{title}
- {items &&
- items.map((item) => (
-
-
-
- ))}
+ {items?.map((item) => (
+
+
+
+ ))}
>
);
diff --git a/src/renderer/Generics/redesign/LabelValues/LabelValuesSection.tsx b/src/renderer/Generics/redesign/LabelValues/LabelValuesSection.tsx
index 4afd5f72b..1983ecb30 100644
--- a/src/renderer/Generics/redesign/LabelValues/LabelValuesSection.tsx
+++ b/src/renderer/Generics/redesign/LabelValues/LabelValuesSection.tsx
@@ -1,10 +1,10 @@
import React from 'react';
import ExternalLink from '../Link/ExternalLink';
import {
- sectionContainer,
lineContainer,
lineKeyText,
lineValueText,
+ sectionContainer,
sectionHeaderContainer,
sectionHeaderText,
} from './labelValuesSection.css';
@@ -50,15 +50,14 @@ const LabelValuesSection = ({
- {items &&
- items.map((item) => (
-
-
-
{item.label}
- {renderValue(item)}
-
-
- ))}
+ {items?.map((item) => (
+
+
+
{item.label}
+ {renderValue(item)}
+
+
+ ))}
);
};
diff --git a/src/renderer/Generics/redesign/Link/DropdownLink.tsx b/src/renderer/Generics/redesign/Link/DropdownLink.tsx
index 498a5e6dd..7aaf26025 100644
--- a/src/renderer/Generics/redesign/Link/DropdownLink.tsx
+++ b/src/renderer/Generics/redesign/Link/DropdownLink.tsx
@@ -1,7 +1,5 @@
-/* eslint-disable no-script-url */
-/* eslint-disable jsx-a11y/anchor-is-valid */
-import { blockContainer, inlineContainer, linkText } from './externalLink.css';
import { Icon } from '../Icon/Icon';
+import { blockContainer, inlineContainer, linkText } from './externalLink.css';
// todo: variants for downloads or internal links
export interface DropdownLinkProps {
@@ -27,6 +25,7 @@ const DropdownLink = ({ text, inline, onClick, isDown }: DropdownLinkProps) => {
role="button"
tabIndex={0}
>
+ {/* biome-ignore lint/a11y/useValidAnchor: