fix(FileSelector): only mark edited tab as active if it is displayed in the editor below

pdanpdan · pdanpdan · commit ac8148503ba2 · 2023-12-13T09:37:16.000+02:00
When adding new files the old selected file is still displayed in the editor, so the active marker should stay only on that tab. ref: vuejs#178 (review)
diff --git a/src/editor/FileSelector.vue b/src/editor/FileSelector.vue
@@ -136,7 +136,7 @@ function horizontalScroll(e: WheelEvent) {
         v-if="(pending === true && i === files.length - 1) || pending === file"
         class="file pending"
         :class="{
-          active: store.state.activeFile.filename === file,
+          active: pending === file,
           changed: store.state.files[file]?.changed === true,
         }"
       >

Original file line number	Diff line number	Diff line change
`@@ -136,7 +136,7 @@ function horizontalScroll(e: WheelEvent) {`
`136`	`136`	`v-if="(pending === true && i === files.length - 1) \|\| pending === file"`
`137`	`137`	`class="file pending"`
`138`	`138`	`:class="{`
`139`		`- active: store.state.activeFile.filename === file,`
	`139`	`+ active: pending === file,`
`140`	`140`	`changed: store.state.files[file]?.changed === true,`
`141`	`141`	`}"`
`142`	`142`	`>`