Extract itemIndent calculation into arrow function

pichfl · pichfl · commit e4b89d748a78 · 2025-08-18T16:50:36.000+02:00
diff --git a/app/components/render-item.ts b/app/components/render-item.ts
@@ -13,6 +13,8 @@ interface RenderItemArgs {
   target: { level: number };
 }
 
+export const indentItem = (level: number) => +level * 20 + 5;
+
 export default class RenderItem extends Component<RenderItemArgs> {
   get hasChildren() {
     return Number(this.args.model?.children?.length) > 0;
@@ -25,7 +27,7 @@ export default class RenderItem extends Component<RenderItemArgs> {
   }
 
   get nameStyle() {
-    return htmlSafe(`padding-left: ${+this.level * 20 + 5}px;`);
+    return htmlSafe(`padding-left: ${indentItem(this.level)}px;`);
   }
 
   get nodeStyle() {

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,8 @@ interface RenderItemArgs {`
`13`	`13`	`target: { level: number };`
`14`	`14`	`}`
`15`	`15`
	`16`	`+export const indentItem = (level: number) => +level * 20 + 5;`
	`17`	`+`
`16`	`18`	`export default class RenderItem extends Component<RenderItemArgs> {`
`17`	`19`	`get hasChildren() {`
`18`	`20`	`return Number(this.args.model?.children?.length) > 0;`
`@@ -25,7 +27,7 @@ export default class RenderItem extends Component<RenderItemArgs> {`
`25`	`27`	`}`
`26`	`28`
`27`	`29`	`get nameStyle() {`
`28`		- return htmlSafe(`padding-left: ${+this.level * 20 + 5}px;`);
	`30`	+ return htmlSafe(`padding-left: ${indentItem(this.level)}px;`);
`29`	`31`	`}`
`30`	`32`
`31`	`33`	`get nodeStyle() {`