(eslint) disallow unnecessary curly braces (#2111)

.eslintrc.js

@@ -97,6 +97,7 @@ module.exports = {
     // ],
 
     'no-var': 'warn',
+    'react/jsx-curly-brace-presence': 'warn',
     'object-shorthand': ['warn', 'properties'],
 
     'import/extensions': [

packages/desktop-client/src/components/filters/FiltersButton.tsx

@@ -9,7 +9,7 @@ type FiltersButtonProps = {
 
 function FiltersButton({ onClick }: FiltersButtonProps) {
   return (
-    <Button type="bare" onClick={onClick} title={'Filters'}>
+    <Button type="bare" onClick={onClick} title="Filters">
       <SettingsSliderAlternate
         style={{ width: 16, height: 16, marginRight: 5 }}
       />{' '}

packages/desktop-client/src/components/reports/ReportTableHeader.tsx

@@ -73,7 +73,7 @@ export default function ReportTableHeader({
                     minWidth: 85,
                     ...styles.tnum,
                   }}
-                  value={'Deposits'}
+                  value="Deposits"
                   width="flex"
                 />
                 <Cell
@@ -81,7 +81,7 @@ export default function ReportTableHeader({
                     minWidth: 85,
                     ...styles.tnum,
                   }}
-                  value={'Payments'}
+                  value="Payments"
                   width="flex"
                 />
               </>
@@ -91,7 +91,7 @@ export default function ReportTableHeader({
             minWidth: 85,
             ...styles.tnum,
           }}
-          value={'Totals'}
+          value="Totals"
           width="flex"
         />
         <Cell
@@ -99,7 +99,7 @@ export default function ReportTableHeader({
             minWidth: 85,
             ...styles.tnum,
           }}
-          value={'Average'}
+          value="Average"
           width="flex"
         />
         {scrollWidth > 0 && <Cell width={scrollWidth} />}

packages/desktop-client/src/components/reports/ReportTableTotals.tsx

@@ -57,7 +57,7 @@ export default function ReportTableTotals({
             minWidth: 125,
             ...styles.tnum,
           }}
-          value={'Totals'}
+          value="Totals"
           width="flex"
         />
         {mode === 'time'

packages/desktop-client/src/components/reports/SaveReport.tsx

@@ -62,7 +62,7 @@ export function SaveReportMenuButton() {
             flexShrink: 0,
           }}
         >
-          {'Unsaved Report'} 
+          Unsaved Report 
         </Text>
         <ExpandArrow width={8} height={8} style={{ marginRight: 5 }} />
       </Button>

packages/desktop-client/src/components/reports/graphs/BarGraph.tsx

@@ -198,7 +198,7 @@ function BarGraph({
                   ))}
                 </Bar>
                 {yAxis === 'date' && balanceTypeOp === 'totalTotals' && (
-                  <Bar dataKey={'totalDebts'} stackId="a">
+                  <Bar dataKey="totalDebts" stackId="a">
                     {data[splitData].map((entry, index) => (
                       <Cell
                         key={`cell-${index}`}

packages/desktop-client/src/components/reports/graphs/StackedBarGraph.tsx

@@ -77,7 +77,7 @@ const CustomTooltip = ({ active, payload, label }: CustomTooltipProps) => {
                   );
                 })}
               <AlignedText
-                left={'Total'}
+                left="Total"
                 right={amountToCurrency(sumTotals)}
                 style={{
                   fontWeight: 600,

upcoming-release-notes/2111.md

+---
+category: Maintenance
+authors: [MatissJanis]
+---
+
+eslint: disallow unnecessary curly braces